#jp_container{ display: none; }

/* common for header and global ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.player {
	position: relative;	
	width: 200px;
}
.vplayer {
	position: relative;	
	width: 680px;
}

.player .playererror {
	z-index: 5;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #bc535a;
	background: rgba(188, 83, 90, 0.9);
	color:#fff;
	max-width: 380px;
	border-radius: 3px;
	line-height: 1.2;
	text-align: center;
}
.player .playererror span{
	display: block;
	position: absolute;
	top:50%;
	-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);
	padding: 1em;
}

.player .playererror a{ color:#fff; }

.player .track {
	z-index: 4;
	position: relative;
	width: 166px;
	margin: 0 auto;
}

.player .volume {
	position: relative;
	width: 135px;
    height: 5px;
    margin: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
	background: #fff;
	left: -5px;
}

.player .volume .ui-slider-handle {
	position: relative;
    top: -9px;
    margin-left: -9px;
    display: block;
    width: 13px;
    height: 13px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #3BC3F0;
}

.player .volume .ui-slider-range {
	position: relative;
    top: 1px;
	left: 1px;
	height: 3px;
    border-radius: 2px 0px 0px 2px;
    background: #3BC3F0;
}

.player .track .mute {
    position: absolute;
    right: -6px;
    top: -3px;
    width: 18px;
    height: 12px;
    background: url("../radio/mute.png");
    opacity: 0.25;
    cursor: pointer;
}
.player .track .muted {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMBAMAAACdPPCPAAAAIVBMVEUAAABXPDJXPDJXPDJXPDJXPDJXPDJXPDJXPDJXPDJXPDK9ihsoAAAACnRSTlMAHmZcy4E8DOtP+vQUegAAAC1JREFUCNdjAIKUAgYI4FwlAGVZQVlGqqugrFWrCLMQOiAgA85i9IKxGIrAJACv8BLRqNoHMQAAAABJRU5ErkJggg==");
}

.player .track .mute:hover { opacity: 1; }

.player .update.spin{
	-webkit-animation: jpspinner 800ms linear infinite;
	        animation: jpspinner 800ms linear infinite;
}

@-webkit-keyframes jpspinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes jpspinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.header_player {
	left: 282px;
	top: 8px;
}
.header_player .playererror {
	margin-left: 80px;
}

.header_player:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ".";
}

.header_player .image {
	float: left;
	margin-right: 19px;
}

.header_player .image img {
	display: block;
	width: 66px;
	height: 66px;
	border-radius: 6px;
	padding: 2px;
	border-bottom: 1px solid #D6D3CC;
	background: #FFF;
}

.header_player .control {
	position: relative;
	float: left;
	margin-right: 22px;
	width: 95px;
	height: 71px;
}

.header_player .control .toplay {
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	width: 71px;
	height: 71px;
	border-radius: 50%;
	background: url("../radio/player_1.png");
	box-shadow: 3px 3px 3px -2px rgba(0, 0, 0, 0.11);
	cursor: pointer;
}

.header_player .control .toplay:hover {
	background-position: -71px 0;
}

.header_player.playing .control .toplay {
	background-position: 0 -71px;
}
.header_player.playing .control .toplay:hover {
	background-position: -71px -71px;
}

.header_player .control .updatewrap {
    z-index: 1;
    position: absolute;
    right: 0;
    top: 21px;
    width: 36px;
    height: 28px;
    border-radius: 0 20px 20px 0;
    border: 1px solid #A15258;
    background: #BC535A;
}
.header_player .control .update {
	position: absolute;
    left: 9px;
    width: 27px;
    height: 28px;
    background: url("../radio/player_2.png") 5px 8px no-repeat;
    cursor: pointer;
}

.header_player .control .updatewrap:hover {
	border-color: #000;
	background-color: #5A4233;
}

.header_player .nowplay {
	float: left;
	width: 290px;
	padding-top: 4px;
	font-size: 14px;
	line-height: 22px;
}

.header_player .radio {
	overflow: hidden;
}

.header_player .radioname {
	float: left;
	overflow: hidden;
	max-width: 270px;
	white-space: nowrap;
	font-weight: bold;
	color: #BC535A;
}

.header_player .radio a {
	display: inline-block;
    width: 15px;
    height: 15px;
    margin-top: 3px;
    margin-left: 5px;
    background: url("../radio/element_14.png");
    text-indent: -9999px;
    opacity: 0.6;
}

.header_player .radio a:hover {
	opacity: 1;
}


.header_player .mname{
	z-index: 4;
	position: absolute;
	height: 22px;
	font-size: 14px;
	line-height: 22px;
}
.header_player .mname .music{
	white-space: nowrap;
	height: 22px;
	border-radius: 3px;
	padding: 4px 10px;
	margin: -6px -10px;
	-webkit-transition: background 0.25s ease-out 0s;
	-moz-transition: background 0.25s ease-out 0s;
	-o-transition: background 0.25s ease-out 0s;
	transition: background 0.25s ease-out 0s;
}

.header_player .mname:hover .music{
 background: #FFF;
 box-shadow: 0 0 5px rgba(0,0,0,0.2);
}


.header_player .mname .music .names{
    float: left;
    overflow: hidden;
	white-space: nowrap;
    max-width: 280px;
}
.header_player .mname:hover .music .names
{
  width: auto;
  max-width: none;
}





.header_player .mname .names .ntext{
 border-bottom: 1px dotted #303030;
 cursor: default;
}

.header_player .mname:hover .names .ntext{
	border-bottom: 1px dotted transparent;
	border-bottom: 1px dotted rgba(0,0,0,0);
}



.header_player .music .soc {
   display: none;
}


.header_player .mname:hover .soc{
	display: inline-block;
}
.header_player .music .soc.disabled{ display: none; }

.header_player .music .soc  a {
	display: block;
	float:left;
	margin-left: 6px;
	text-indent: -9999px;
	opacity: 0.6;
}

.header_player .music .soc  a.vk {
	width: 18px;
	height: 12px;
	margin-top: 5px;
	background: url("../radio/song_icon4.png");
}

.header_player .music .soc  a.youtube {
	width: 17px;
	height: 14px;
	margin-top: 4px;
	background: url("../radio/song_icon5.png");
}

.header_player .music .soc  a.apple {
	width: 13px;
	height: 15px;
	background: url("../radio/song_icon6.png");
}

.header_player .music .soc  a:hover {
	opacity: 1;
}

.header_player .track {
	position: relative;
	margin-top: 34px;
	margin-left:0;
}

.header_player .track .mute:hover {
	opacity: 1;
} 


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.global_player {
	border-radius: 15px;
	padding: 20px;
	margin: 20px auto;
	border: 1px solid #5e5e5e;
	background: #272727; 
	opacity: 0.8;
	box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
    padding: 10px;
	text-align: center;
}
.global_vplayer {
	border-radius: 15px;
	padding: 20px;
	margin: 20px auto;
	border: 1px solid #5e5e5e;
	background: #272727; 
	box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
    padding: 10px;
	text-align: center;
}

.global_player .music {
	height: 92px;
}

.global_player .radioname{
	display: block;
	color: #BC535A;
	font-weight: bold;
}


.global_player .mname
{
 position: relative;
 height: 22px;
 display: block;
 font-size: 14px;
 line-height: 22px;
} 

.global_player .names 
{
 color: #573C32;
 display: block;
    overflow: hidden;
  white-space: nowrap;
    max-width: 240px;
    margin: 0 auto;
    text-align: center;
}

.global_player .names:hover
{
 position: absolute;
 left: 50%;
 top: -4px;
 width: 800px;
 margin-left: -400px;
 max-width: none;
 overflow: visible;
}

.global_player .names .jsnam
{
 border-bottom: 1px dotted #303030;
}

.global_player .names:hover .jsnam
{
 display: inline-block;
 padding: 4px 10px;
 background: #FFF;
 border-radius: 3px;
 box-shadow: 0 0 5px rgba(0,0,0,0.3);
   border: 0;
}









.global_player .soc { margin-top: 7px; }

.global_player .soc.disabled{ display:none !important; }

.global_player .music .soc {
	display: inline-block;
	overflow: hidden;
	padding-right: 8px;
}

.global_player .music .soc a {
	float: left;
	margin-left: 8px;
	text-indent: -9999px;
	opacity: 0.7;
}

.global_player .music .soc a.vk {
	width: 24px;
	height: 16px;
	margin-top: 5px;
	background: url("../radio/song_icon1.png");
}

.global_player .music .soc a.youtube {
	width: 24px;
	height: 20px;
	margin-top: 3px;
	background: url("../radio/song_icon2.png");
}

.global_player .music .soc a.apple {
	width: 20px;
	height: 22px;
	background: url("../radio/song_icon3.png");
}

.global_player .music .soc a:hover {
	opacity: 1;
}

.global_player .control {
	position: relative;
	width: 156px;
	height: 156px;
	margin: 0 auto 20px auto;
}

.global_player .control:after {
	z-index: 1;
	position: absolute;
	left: 17px;
	top: 17px;
	width: 189px;
	height: 185px;
	background: url("../radio/element_17.png");
	content: "";
}

.global_player .control .toplay {
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	width: 156px;
	height: 156px;
	border-radius: 50%;
	background: url("../radio/player_5.png");
	cursor: pointer;
}

.global_player .control .toplay:hover {
	background-position: -156px 0;
}
.global_player.playing .control .toplay {
	background-position: 0 -156px;
}
.global_player.playing .control .toplay:hover {
	background-position: -156px -156px;
}

.global_player .control .update {
	z-index: 3;
	position: absolute;
	right: 8px;
	bottom: 9px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: url("../radio/player_6.png");
	cursor: pointer;
}

.global_player .control .update:hover {
	background-position: 0 -33px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */