.hide { display: none; }

/* === test === */
.tyt {border:solid 1px red}
.tyt2 {border:solid 1px green}

/* === RESET === */
* {margin:0; padding:0}
.no-margin {margin:0!important}
.no-padding {padding:0!important}
.no-bg {background:none!important}
.no-border {border:none!important}
.no-float {float:none!important}
a img {border:none}
ul, ol {list-style:none}
table {border:none}

/* === TAGS === */
body {background:#363636 url(header_bg.png) repeat-x; font:12px Arial, Helvetica, sans-serif; background-position: 0 0px; -webkit-text-size-adjust:100%}
#panel_neews { position: fixed; left: 0 px; width: 100%; z-Index: 1; background:black; top: expression(fixed(this)); border-bottom:2px solid #444}
a {text-decoration:none}
a:hover {text-decoration:underline}
h1 {margin-bottom:5px; color:#656565; font-size:16px}
h1, h1 a {color:#656565; font-size:16px}
.h1 {margin-bottom:5px; color:#656565; font-size:16px; font-weight:bold}

/* === GRID === */
.wrapper {width:1100px; margin:0px auto 0px auto;}
.content {clear:both; margin:10px 10px 0px 10px}
.banner	{clear:both; text-align:center; width: 970px; margin-left: -10px;}
.banner_b {clear:both; margin:20px 0px 20px 30px; text-align:center}
.sidebar-1 {width: 196px; background:#faf9e2; border-right:solid 1px #f8f0bc; vertical-align:top; }
.sidebar-tab {width: 305px}
.sidebar-2 {width:185px; background:#444543; border:solid 1px #000; vertical-align:top}
.maincont-r {margin-left:186px}
.whitebg {background:#fff; vertical-align:top;}
.whitebg_index {background:#fff; vertical-align:top; border-top:1px solid black; border-bottom:1px solid black;}
.partners-1 {width: 160px; background:#262626; vertical-align:top; padding:10px}


/* === HEADER === */
.header {background:url(menu_bg.png) repeat-x 0px 32px; float:left; width: 979px; }
.headerend {float:right; background:url(menu_bg_end.png) no-repeat 0px 32px; width:2px; height:121px}
.main-menu {color:#808080; font:bold 11px Verdana; text-align:right; height:32px}
.main-menu a {color:#ddd}
.main-menu a:hover {color:#fff}
.mailicon {padding-left:25px}
.bluebg {height:53px; vertical-align:top}
.bluebg img {margin-top:20px}
.logsearch {float:right; margin:17px 20px 0px 0px}
.srch-inp {background:#fff url(input_bg.png) no-repeat; border:solid 1px #444; width:200px; float:left; height:18px; margin-right:5px}
.srch-inp input {background:none; border:none; width:194px; padding:0px 3px}
.srch-sel {float:left; border:solid 1px #444; width:95px; height:18px; background:#fff url(input_bg.png) no-repeat; line-height:18px; position:relative; padding-left:5px}
.sel-butt {position:absolute; top:1px; right:1px; background:url(select_butt.gif); width:17px; height:16px; display:block; opacity:0.8; filter:alpha(opacity=80)}
.sel-butt:hover {opacity:1; filter:alpha(opacity=100)}
.sel-field {background:#fff; border:solid 1px #444; position:absolute; top:18px; left:-1px}
.sel-field a {width:95px; line-height:20px; padding-left:5px; display:block; color:#0066CC!important}
.sel-field a:hover {background:#0066CC; text-decoration:none; color:#fff!important}
.go {background: url(go.gif); width:31px; height:20px; float:left; margin-left:5px;border:solid 0px;cursor:pointer}
.logsearch a {color:#8ecbf5}
.alph {padding-left:17px}
.alph a {float:left; margin-right:2px; width:22px; height:38px; border-top:solid 4px #1f1f1f; color:#9a9a9f; font-size:14px; text-decoration:none; font-weight:bold; text-align:center; padding-top:8px}
.alph a:hover {border-color:#6f1616; text-decoration:none}
.a-on {background:url(alph_on.png) no-repeat}
.alphtop {float:right; display: inline-block;  margin-right: 57px}
.alphtop a {width: 60px; color: #DDDDDD}


/* === TABNAV === */
.path {color:#f9f9f8; font-size:13px; font-weight:bold; padding:10px 0px}
.path a {color:#93b9ca; text-decoration:none}
.path a:hover {text-decoration:underline}
.path b {color:#A8A8A8; padding:0px 5px}
.tabsel {height:8px; background:url(tab_sel.gif) repeat-x; border:solid #0d0d0d; border-width:1px 0px 0px 1px}
.tabnav {height:23px}
.tabnav a {padding:0px 13px; line-height:22px; color:#979797; background:url(tabnav_bg.gif); border:solid #555; border-width:1px 1px 0px 1px; font-size:11px; font-family:Verdana; float:left; margin-right:3px}
a.tab-on {background:url(tabnav_on.png) no-repeat; border-color:#0d0d0d; padding-bottom:3px; position:relative}


/* === TAB PAGE === */
.aboutart {background:#fdfdfd url(graygradient.png) repeat-x 0px 100%; padding:20px; margin:0px 0px 1px 1px}
.aboutart p {line-height:18px; font-size:14px; margin-bottom:10px}
a.rmore {color:#b22424; text-decoration:underline; font-weight:bold; text-transform:uppercase; font-size:11px}
a.rmore:hover {text-decoration:none}
.rmorearr {color:#b22424; font-family:Trebuchet MS}
.contwrap  {padding:25px;}
.contwraptab {padding:25px 15px;}
.specrows {padding:1px; border:solid 1px #e4e4e4; border-top-color:#b8b8b8; color:#bfbfbf; font-family:Verdana; margin-bottom:20px}
.specrows li {background:url(rowbg1.gif); line-height:27px; border-bottom:solid 1px #e4e4e4; padding-right:30px}
.star {background-repeat:no-repeat; background-position:50% 50%; width:40px; height:27px; float:left}
.albums a {color:#579c5d}
.albums .star {background-image:url(star_green.gif)}
.songs a {color:#3391e0}
.songs .star {background-image:url(star_blue.gif)}
.svote0{background:url(stars_vote.gif) no-repeat 0px 50%; width:0px; height:26px; float:right}
.svote1{background:url(stars_vote.gif) no-repeat 0px 50%; width:16px; height:26px; float:right}
.svote2{background:url(stars_vote.gif) no-repeat 0px 50%; width:33px; height:26px; float:right}
.svote3{background:url(stars_vote.gif) no-repeat 0px 50%; width:50px; height:26px; float:right}
.svote4{background:url(stars_vote.gif) no-repeat 0px 50%; width:68px; height:26px; float:right}
.svote5{background:url(stars_vote.gif) no-repeat 0px 50%; width:84px; height:26px; float:right}
.relart {background:#B3B3B3; border:solid 1px #666; padding:4px; color:#fff; font-weight:bold}
.rel {margin-left:1px; padding:2px 4px; color:#999;}
.rel a {color:#777; font:normal 11px Verdana}
.h2_tabslist {display: inline-block; color: #656565; font-family: Verdana; font-size: 13px; font-weight: normal}
#tip {z-index:250001}


/* === LEFT MENU === */
.leftmenu li {background:#3a3935; border-style:solid; border-width:1px 0px 1px 1px; border-color:#4d4e4c #272625 #272625 #5c5c5c; padding:5px 10px; border-right:none}
.leftmenu a {color:#fff; background:url(arrow.gif) no-repeat 0px 50%; padding-left:12px}


/* === ETC ===*/
.monospace {font:normal 12px Courier}
.floatfix {overflow:hidden; zoom:1}
.mbotop {margin:15px 0px}
.fs-14 {font-size:14px!important}
.reltabs {list-style:square inside; padding-top:5px; line-height:22px}
.hrule {background:#e9e9e9}
.f-left {float:left}
.f-right {float:right;}
.f-right-all {float:right; padding-right:32px}
.blue {color:#3366cc!important}
.red {color:#ef0000!important}
.dn {display:none}

/* === PAGE BAR ===*/
a.page_a		{text-decoration: none; color: #3391e0; font: normal 13px Arial; padding:2px 8px; margin-right:1px; background: #FFFFFF; border:solid 1px #3391e0}
a.page_a:hover	{text-decoration: none; color: #3391e0; font: normal 13px Arial; padding:2px 8px; margin-right:1px; background: #F1F9FF; border:solid 1px #3391e0}

.page_na		{text-decoration: none; color: #999; font: bold 13px Arial; padding:2px 8px; margin-right:1px; background: #FFF; border:solid 1px #999}

/* === ALFA BAR ===*/

a.alfa_bar			{font:11px Verdana, Helvetica, sans-serif; color:#666; text-decoration:underline}
a.alfa_bar:hover	{font:11px Verdana, Helvetica, sans-serif; color:#666; text-decoration:none}

a.alfa_bar_s		{font:bold 11px Verdana; color:#579c5d; text-decoration:none}
a.alfa_bar_s:hover	{font:bold 11px Verdana; color:#579c5d; text-decoration:none}

.rate				{font:bold 13px Arial; color:#999; padding-right:4px}
.rate_but			{font:bold 11px Verdana;}
.rate_sel			{font:bold 11px Verdana; width:100px}

.rong_link			{font:bold 13px Arial; color:red!important; text-decoration:underline}
.ads				{text-align:center; padding:18px 10px}

.ring_link_top			{font:bold 13px Arial; color:red!important; text-decoration:none}
.ring_link_top:hover	{font:bold 13px Arial; color:red!important; text-decoration:underline}


/* === RATING DIV === */

.closeButton 		{position: absolute; top: 0px; right: 0px; cursor: pointer; padding: 2px 4px 2px 4px; color:red; font:normal 11px Verdana}
.divwin				{position: absolute; left: 600px; top: 46px; width: 120px; height: 16px; border: 1px solid red; background: white; display: none; padding: 10px; text-align: center;}

.hd					{display: none}
.sh					{display: block}

.footer				{text-align:center; margin:20px 0px; color:#999; font:bold 11px Verdana}
.footer-a			{color:white; font:bold 11px Verdana}
.tab-page .banner_b   {margin-bottom: 78px;}

a.path_l			{color:#FFF; font-size:13px; font-weight:bold; text-decoration:none}
a.path_l:hover		{color:#FFF; font-size:13px; font-weight:bold; text-decoration:none}

.partners			{margin: 0px;font:normal 13px Verdana; text-align: center; color:#CCC}
.partners span		{font:bold 11px Verdana;color:#808080;text-decoration:none; white-space: nowrap;}
.partners a			{font:bold 11px Verdana;color:#808080;text-decoration:underline}
.partners a:hover	{font:bold 11px Verdana;color:#808080;text-decoration:none}

.rating_c			{font:normal 11px/19px Verdana; color:#999; float:right; width:30px; padding-top:4px; padding-left:6px}
.rating_c_t			{font:normal 11px/19px Verdana; color:#999; float:left; padding-left:6px}
#ratingDiv 			{line-height: 19px;}
#ratingDiv img 		{vertical-align: top;margin-top: 3px;}
.print_t			{float:right; font:bold 11px/19px Verdana; width:160px}

#preview {margin: 20px 50px}
#overcast {position: absolute; left: 0px; top: 0px; width:100%; display:none; background: #000}
#table_preview {position: absolute; left: 0px; top: 0px; display:none; background: #555}
.tabcont {background:#f6fde9; font-family:Courier New; font-size:12px; padding:15px; line-height:18px}

.blastro			{margin-bottom:10px; width:160px; cursor:pointer; height:84px; background:url(/i/blastro_gt.gif) 0px 0px no-repeat}
.blastro_text		{padding-top:21px; text-align:left; padding-left:32px; font-family: Arial; color:black}

.ad_fk				{position:relative}
.ad_fkt				{position:absolute; top:22px; left:30px; width:120px; overflow:hidden; white-space:nowrap; text-align:left}
.ad_fkl				{font:11px Tahoma; color:#000; text-decoration:none}
.ad_fkl:hover		{font:11px Tahoma; color:#000; text-decoration:none}

#jango_link			{background:url(/i/jango.png) no-repeat 0px 0px; padding:0px 0px 0px 20px; display:block; height:16px}
#print_link			{background:url(/i/print.png) no-repeat 0px 0px; padding:0px 0px 6px 20px; display:block; height:16px}

.b-facebook-twitter-button {float:right; margin: 18px 10px 0; width: 160px; white-space: nowrap; z-index: 1;}
.b-fb-like {float: left; margin-top: 2px;}
.ringrone_block {padding:0 0 20px 0; white-space:nowrap; overflow: hidden;}

/*--add--*/
.graytext {font-size:10px; line-height:11px; color: #666; font-weight:bold;}

.leftbox  {clear:both; position:relative; margin-left: -20px; margin-bottom:15px; padding-left:0px; height:317px; width:219px; background:#FAF9E2}
.leftbox div {padding: 10px 5px 10px 18px; color:#555; font:normal 12px Arial;}
.leftbox div table{font:12pt Arial;}
.leftbox div table a {font:bold 12px Arial;}
.leftbox div table img {float:left; margin: -2px 10px 8px 0px;}
.ison {width:21px; height:21px; position:relative; background: url(/i/star.png) no-repeat; margin:-6px 0px -35px -6px;}
.sidebar_header
{
	background: #494949; /* Old browsers */
	background: -moz-linear-gradient(top,  #494949 0%, #3f3f3f 2%, #2a2a2a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(2%,#3f3f3f), color-stop(100%,#2a2a2a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #494949 0%,#3f3f3f 2%,#2a2a2a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #494949 0%,#3f3f3f 2%,#2a2a2a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #494949 0%,#3f3f3f 2%,#2a2a2a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #494949 0%,#3f3f3f 2%,#2a2a2a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#2a2a2a',GradientType=0 ); /* IE6-9 */
}
.leftbox
{
	-moz-box-shadow: -10px 0 10px rgba(0,0,0,0.5); /* Для Firefox */
	-webkit-box-shadow: -10px 0 10px rgba(0,0,0,0.5); /* Для Safari è Chrome */
	box-shadow: -10px 0 10px rgba(0,0,0,0.5); /* Параметры тени */
}
/*------*/

.p_hb1 span,.p_hb2 span,.p_hb22 span,.p_hb3 span,.p_hb4 span,.p_hb3 b,.p_hb4 b{-moz-opacity:.7;-webkit-opacity:.7;opacity:.7}
.p_h{background:url("icon_matrix.png") -12px -128px no-repeat;height:36px;margin:0 -25px;width:781px;}
.p_hb1,.p_hb2,.p_hb22,.p_hb3,.p_hb4{box-shadow:1px 1px 2px #ccc;-moz-box-shadow:1px 1px 2px #ccc;-webkit-box-shadow:1px 1px 2px #ccc}
.p_hb1{display:block;-moz-text-shadow:1px 1px #fff;-webkit-text-shadow:1px 1px #fff;background:url(tab_tool_button_bckg.png) repeat-x scroll 0 0 transparent;border:1px solid #cacaca;color:#888;float:left;font-family:Verdana;font-size:11px;height:24px;line-height:4px;margin-left:49px;margin-top:4px;padding-left:43px;text-shadow:1px 1px #fff;width:85px}
.p_hb1:active,.p_hb2:active,.p_hb22:active,.p_hb3:active,.p_hb4:active{-moz-text-shadow:1px 1px #eee;-webkit-text-shadow:1px 1px #eee;background:url("icon_matrix.png") no-repeat scroll -139px -1px #dcdcdc;border:1px solid #a2a2a2;color:#505050;text-shadow:1px 1px #eee}
.p_hb1:hover,.p_hb2:hover,.p_hb22:hover,.p_hb3:hover,.p_hb4:hover{border:1px solid #a2a2a2;color:#6c6c6c}
.p_hb1 span{display:block;background:url("icon_matrix.png") no-repeat scroll -60px 0;height:10px;position:relative;right:26px;top:7px;width:16px}
.p_hb2{display:block;-moz-text-shadow:1px 1px #fff;-webkit-text-shadow:1px 1px #fff;background:url(tab_tool_button_bckg.png) repeat-x scroll 0 0 transparent;border:1px solid #cacaca;color:#888;float:left;font-family:Verdana;font-size:11px;height:24px;line-height:4px;margin-left:6px;margin-top:4px;position:relative;text-shadow:1px 1px #fff;width:34px;z-index:50}
.p_hb22{display:block;-moz-text-shadow:1px 1px #fff;-webkit-text-shadow:1px 1px #fff;background:url(tab_tool_button_bckg.png) repeat-x scroll 0 0 transparent;border:1px solid #cacaca;color:#888;float:left;font-family:Verdana;font-size:11px;height:24px;line-height:24px;margin-top:4px;padding-left:18px;position:relative;right:1px;text-align:left;text-shadow:1px 1px #fff;width:75px;z-index:55}
.p_hb22:hover{z-index:57}
.p_hb22 span{display:block;background:url("icon_matrix.png") no-repeat scroll -63px -23px;float:left;height:11px;left:-7px;position:relative;top:7px;width:12px}
.p_hb2:hover{z-index:56}
.p_hb2 span{display:block;background:url("icon_matrix.png") no-repeat scroll -63px -12px;height:10px;left:10px;position:relative;top:8px;width:13px}
.p_hb3{display:block;-moz-text-shadow:1px 1px #fff;-webkit-text-shadow:1px 1px #fff;background:url(tab_tool_button_bckg.png) repeat-x scroll 0 0 transparent;border:1px solid #cacaca;color:#888;float:left;font-family:Verdana;font-size:11px;height:24px;line-height:24px;margin-left:208px;margin-top:4px;padding-left:18px;text-align:left;text-shadow:1px 1px #fff;width:111px}
.p_hb3 b,.p_hb4 b{display:block;background:url("icon_matrix.png") no-repeat scroll -61px -47px!important;float:right!important;height:16px!important;position:relative!important;right:5px!important;top:5px!important;width:15px!important}
.p_hb3 span,.p_hb4 span{display:block;background:url("icon_matrix.png") no-repeat scroll -64px -35px;float:left;height:11px;left:-7px;position:relative;top:7px;width:12px}
.p_hb4{display:block;-moz-text-shadow:1px 1px #fff;-webkit-text-shadow:1px 1px #fff;background:url(tab_tool_button_bckg.png) repeat-x scroll 0 0 transparent;border:1px solid #cacaca;color:#888;float:left;font-family:Verdana;font-size:11px;height:24px;line-height:24px;margin-left:6px;margin-top:4px;padding-left:18px;text-align:left;text-shadow:1px 1px #fff;width:93px}
.p_h{display:block;height:36px;width:781px}
.p_h a{display:block;font-weight:normal;height:36px;overflow:hidden;width:781px;text-decoration:none}
.p_hb1:hover span, .p_hb2:hover span, .p_hb22:hover span, .p_hb3:hover span, .p_hb3:hover b, .p_hb4:hover span, .p_hb4:hover b{-moz-opacity:.9;-webkit-opacity:.9;opacity:.9}
.p_hb1:active span, .p_hb2:active span, .p_hb22:active span, .p_hb3:active span, .p_hb3:active b, .p_hb4:active span, .p_hb4:active b, .pr_b:active span {-moz-opacity:1;-webkit-opacity:1;opacity:1}
.p_h a:hover {cursor:pointer}

.x_br { width: 7px; height: 7px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAP1BMVEWkAAChAACVAAB5AACVAACkAACMAABtAACDAACMAABpAACnAACdAAAAAACpAACLAADwS0v+dHT4Y2PhHR3oMTF5Lg+kAAAAEHRSTlN7M3szzMxxSMzMzEjMAMxI0LhrnwAAADJJREFUeF4dw4cNACAIBMC3oiJi239WibkceLBYpJV+7ts4iI8zZoHWaxTllGxBLQg1ejkGAgAu17zTAAAAAElFTkSuQmCC'); display: block; float: right; position: absolute; right: 5px; top: 5px;
}

#r_a {background: #f3f2f2; display: block; height: 195px; position: absolute; right: 0px; top: 25px; width: 241px;}

#c_a {-moz-text-shadow: 1px 1px #ededed; -webkit-text-shadow: 1px 1px #ededed; background: #d9d9d9; color: #888; display: block; font-family: Verdana; font-size: 11px; height: 16px; line-height: 14px; padding-left: 3px; position: absolute; right: 11px;text-decoration: none; text-shadow: 1px 1px #ededed; top: 6px; width: 45px; font-weight: normal; outline: medium none; }

.r_bh { position: absolute; right: 11px; top: 26px; outline: medium none;}

.r_bi {border: 0;}

/**********************
New player list-style-position:
**********************/
.player {width: 734px; height: 56px; display: none;text-align: center;}
.player_fixed { position: fixed;bottom: 0;left: 50%;margin-left: -269px;z-index: 120; bottom: -56px;}
.sticked{position: static; margin: 25px -25px -80px;}
.player div, .player{background: #eeede4;}
.player div { font: bold 10px Arial; line-height: 13px; color: #91918a; overflow: hidden; height: 44px; float: left;padding: 6px 0; }
.player div:hover, .player .select:hover {background: #E5E4DD}
.player div span, .player div i, .player div i {display: inline-block;vertical-align: top;}
.player .divider-vertical {width: 1px;background: #cbcbc3;height: 33px;margin-top: 6px;}
.player .select-instrument{width: 212px;}
.player .select-instrument:hover{background-color: transparent;}
.player .select{width: 158px;height: 31px;border: 1px solid #cccbc3;margin-top: 6px;position: relative;line-height: 32px;padding-right: 24px;}
.player .select:after{content: " "; display: block;position: absolute;top: 13px; right: 13px;border-top: 7px solid #a2a199; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.player .back{width: 103px;}
.player .back i{width: 19px;height: 18px;background: url("player.png?23245765") 0 -4px no-repeat;margin-top: 13px;}
.player .play{width: 100px;padding-left: 3px;}
.player .play i{width: 22px;height: 26px;background: url("player.png?23245765") -25px 0 no-repeat;margin-top: 9px;}
.player .loop{width: 103px;}
.player .loop i {width: 24px;height: 20px;background: url("player.png?23245765") -52px -3px no-repeat;margin-top: 12px;}
.player .tempo { width: 209px;}
.player .tempo span { float: left; padding-left: 22px; margin-top: 16px;}
.player .tempo i {background: url("player.png?23245765") -82px -2px no-repeat;float: right;width: 111px;height: 23px;margin: 2px 29px 0 0;margin-top: 11px;}

.s-type{display: inline-block;width: 55px;margin-left: 10px;}
.red{color: #F00;line-height: 18px}

.b-player-fake-side{
  width: 260px;
  height: 179px;
  background: url(TPW_plyer.jpg);
  position: fixed;
  bottom: 52px;
  left: 50%;
  z-index: 120;
  margin-left: 255px;
  text-decoration: none;
  color: #fff;
  text-align: center;
  font-size: 12px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.has_only_side_banner .b-player-fake-side{
  display: block !important;
}
.has_only_side_banner .b-player-fake-side.hide,
.has_only_bottom_banner .b-player-fake-side{
  display: none !important;
}
@media (max-height: 800px) {
  .b-player-fake-side:not(.has_singe_banner) {
    display: none !important;
  }
}

.b-player-fake-side-animate{
	background: url(TPW_video_animation_5sec_pause.gif);
}

.b-player-fake-side:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .2s;
}
.b-player-fake-side:hover:after{
  background: rgba(0, 0, 0, 0.60);
}

.b-player-fake-side .b-close{
  position: relative;
  z-index: 2;
  color: #ADADAD;
  font-weight: normal;
  width: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 18px;
  float: left;
}
.b-player-fake-side .b-close:hover{
  color: #eee;
}

.b-player-fake-side .btn-play{
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 3px solid #fff;
  margin: 45px auto 10px;
  background: rgba(0, 0, 0, .5);
  position: relative;
  z-index: 2;
  transition: .2s;
}

.b-player-fake-side:hover .btn-play{
  border-color: #5ccdd2;
}
.b-player-fake-side .btn-play:after{
  content: '';
  position: absolute;
  border-left: 22px solid #fff;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  top: 15px;
  left: 20px;
  transition: .2s;
}

.b-player-fake-side:hover .btn-play:after{
  border-left-color: #5ccdd2;
}
.b-player-fake-side .txt{
  opacity: 0;
  position: relative;
  z-index: 2;
  padding: 0 10px;
  transition: .2s;
}
.b-player-fake-side:hover .txt{
  opacity: 1;
}