@charset "utf-8";
html{ height:100%; overflow:hidden}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
body{ font:12px/1.5 \5b8b\4f53, Arial, Verdana; color:#000; background:#fff; height:100%}
ul{ list-style:none;}
button{ border:0 none; padding:0; cursor:pointer; outline:0}
img{ border:0; vertical-align:bottom}
a{ text-decoration:none; color:#000; outline:0}
.wrap{ height:100%; width:616px; margin:0 auto; position:relative;}
.wrap .content{ width:616px; position:relative; left:10px; height:100%; overflow:auto; overflow-x:hidden; scrollbar-face-color:#f3f3f3; scrollbar-arrow-color:#637f83; scrollbar-highlight-color:#dae0e0; scrollbar-shadow-color:#dae0e0; scrollbar-darkshadow-color:#fff;scrollbar-track-color:#fff; scrollbar-3dlight-color:#fff;}
.wrap .content div.banner_ad{ display:block; padding-top:10px; }
.wrap .content strong.jmlb{ font-size:15px; display:block; color:#3f3f3f; padding-top: 10px; }
.clear { clear:both; height:0; font-size:0; line-height:0}
.clear_fix { zoom:1; }
.clear_fix:after { display:block; clear:both; content:"."; visibility:hidden; height:0; font-size:0; }
.fl { float:left }
.fr { float:right }
.red { color:#c20101!important }


/*sfg public*/ 
.hide{ display:none; }
.show{ display:block; }
.public_bg{ background:url("../images/bg.png?20141201") no-repeat; text-indent:-9999px;}
.public_bg_24 { background:url("/mv/v8/static/images/bg_24.png?20141201") no-repeat center top; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/mv/v8/static/images/bg_24.png?20141201', sizingMethod='crop'); width:285px; height:100px; position:absolute; }
/*sfg public end*/ 

/*content*/
.tab{ padding:15px 0 3px; clear:both;}
.tab strong{ float:left; margin-right:20px; font-size:15px; color:#3f3f3f}
.tab a{ float:left; width:40px; height:19px; text-align:center; line-height:19px; margin:2px 5px 0 0; color:#9e9e9e}
.tab a.current{ background:url(../images/bg.png?20141201) no-repeat; background-position: -53px -33px; color:#fff}

.search{ float:right; margin-right:10px; display:inline; width:138px; height:22px; line-height:22px; border:1px solid #ababab}
.search form{ display:block; width:138px; height:22px; overflow:hidden; position:relative; }
.search input.txt_inp{ background:#fff; font-size:12px; color:#ababab;  border:0 none; height:18px; line-height:18px; padding:2px 8px; width:100px; outline:0; position:absolute; left:0px; top:0px; }

.search a{   width:auto; margin: 0; width:18px; height:18px;  position:absolute; right:2px; top:2px;}
.search a input.sub_btn{ width:18px; height:18px; display:block;  border:0 none; background-color:transparent; background-position: -54px -53px; outline:0; cursor:pointer; }
.search a:hover input.sub_btn{ background-position:-73px -53px}
.search a input.sub_btn:active{ background-position:-72px -52px\0;}

.list ul{margin-left:-33px; padding-top:10px}
.list li{ width:175px; height:165px; float:left; margin:0 0 0 33px; display:inline; overflow:hidden}
.list li.hot{ height:141px}
.list li .pic{ float:left; margin-bottom:6px; border:1px solid #fff; position:relative;}
.list li .pic s{ position:absolute; top:1px; left:130px;  width:31px; height:21px; background:url(../images/bg.png?20141201) no-repeat; z-index:4; background-position: -0px -92px; }
.list li .pic:hover{ background:url(about:blank)}
.list li .pic:hover i{ width:170px; height:95px; background:#000; filter:Alpha(Opacity=15); Opacity:0.15; position:absolute; left:1px; top:1px;}
.list li .pic:hover b{ width:53px; height:53px; overflow:hidden; position:absolute; left:63px; top:23px;}
 .list li .pic:hover b span{ width:285px; height:100px;  background:url(../images/bg_24.png?20141201) no-repeat;_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/mv/v8/static/images/bg_24.png?20141201', sizingMethod='crop'); position:absolute; left:-188px; top:0px;}
.list li .pic span.time_bg{ position:absolute; left:2px; bottom:1px; _bottom:0px; width:170px; height:20px; overflow:hidden; visibility:visible;}
.list li .pic span.time_bg span{ position:absolute; left:0px; top:-80px; }
.list li .pic span.time_length{ position:absolute; right:0; bottom:0; padding: 0 7px 0px 7px; line-height:20px;  height:20px; color:#fff; font-size:12px; font-family:simsun,'Microsoft Yahei', Arial,  sans-serif; visibility:visible;}
.list li .pic span.date_info{ position:absolute; left:1px; bottom:1px;  padding: 0 5px; color:#fff; height:20px; line-height:20px; font-family:simsun,'Microsoft Yahei', Arial,  sans-serif; background:#5fa5e9; visibility:visible;}
.list li .pic:hover span.time_bg,.list li .pic:hover span.time_length,.list li .pic:hover span.date_info{ visibility:hidden;}
.list li img{ border:1px solid #e5e5e5; }
.list li a.singer_name{ color:#8e8e8e; }
.list li a.singer_name:hover,.list li .pic span.singer_name_hover{ color:#589de7; }
/******全部mv显示***********/
.load_div{ display:none; width:596px; padding-top: 100px;  }
.load_div img{ width:50px; height:50px; margin: 0 auto; display:block;  }
.load_div div{ font-size:16px; line-height:40px; color:#505050; font-family:'Microsoft Yahei', Arial, simsun, sans-serif; display:block; text-align:center; }
/*****************/
.yydr_mv_list .list li img { border:none;}
.yydr_mv_list .list .null_list { display:none; }
.yydr_mv_list .list .null_list img { display:block; width:238px; margin: 0 auto; padding-top: 50px;  }
.yydr_mv_list .list .null_list p { display:block; line-height:50px; font-size:16px; color:#999; font-family:'Microsoft Yahei', Arial, simsun, sans-serif; text-align:center; }
.list li.hover .pic,.list li .pic:hover{ border:1px solid #64b0fa}
.list li.hover img, .list li .pic:hover img{ border:1px solid #64b0fa}
.list li p{ clear:both; height:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#8e8e8e; padding-left:1px; width:175px}
.list li p.play_icon{ padding-left: 15px; position:relative; background:url("/mv/v8/static/images/bg.png?20141201") no-repeat; background-position: 3px -206px; }
.list li p.name{ color:#3f3f3f}
.list li .time{ background:url(../images/bg.png?20141201) no-repeat -121px -155px; padding-left:18px; width:150px}
.list li .count{ background:url(../images/bg.png?20141201) no-repeat -292px 0; padding-left:20px; width:150px}
.list li *{ cursor:pointer}


.loading{ font-size:14px; font-weight:bold; padding:20px 0 40px; text-align:center; margin-left:36px; color:#666}
.test_speed{ position:absolute; top:-9999px;}

/*nvg*/
.nvg{ position:absolute; width:600px; text-align:center; color:#424242; font-size:14px; font-family:Arial, Helvetica, sans-serif;height:30px;padding-bottom: 16px;}
.nvg .current{ font-weight:bold; font-style:italic; border-bottom:1px solid #c5c5c5; margin:0 8px; color:#000;}
.nvg .btnPage{ font-style:normal; font-family:\5b8b\4f53, Arial, Verdana; font-size:12px}
.nvg .btnPage:hover{font-weight:normal}
.nvg a{ font-style:italic; font-size:14px; padding:0 5px; color:#424242; border-bottom:1px solid #fffafa; margin:0 3px}
.nvg a:hover,.nvg a.hover{ /*border-bottom:1px solid #c5c5c5; */color:#000; font-weight:bold}
.nvg a.pre:hover,.nvg a.next:hover{ border-bottom:1px solid #fffafa; font-weight:normal; position:static}

/*banner*/
.splice{width: 285px;height: 100px;display: block;position: absolute;background: url(../images/bg_24.png?20141201) no-repeat;_background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/mv/v8/static/images/bg_24.png?20141201', sizingMethod='crop');}
.banner { width:442px; height:128px; margin-right:5px; margin-top:10px; position:relative;}
.banner a{ display:block;position:relative;zoom: 1;}
.banner  i{ width:24px; height:42px;position:absolute;cursor:pointer;overflow: hidden;margin-top:-25px;top:50%;z-index: 1;display: none;}
.banner .pre,.banner .pre_hover{left:0;}
.banner .pre .splice{top:0;left: -30px;}
.banner .pre_hover .splice{top:0;left: -90px;}
.banner .next,.banner .next_hover{right:0;}
.banner .next .splice{top:0;left:0;}
.banner .next_hover .splice{top:0;left: -60px;}
.banner #ctr{ position:absolute; bottom:3px;height: 16px; left:50%; cursor: default;z-index: 1;}
.banner span{ width:12px; height:11px; display:inline-block;float: left;right: 50%;line-height:0; font-size:0; cursor:pointer; margin-right:4px; margin-top:5px;overflow: hidden;position: relative;cursor: pointer;}
.banner span .splice{left: -120px;top:-30px;}
.banner span.current .splice{left: -150px;top: -30px;}
.banner .bg{position: absolute;z-index: 1;top:0;left: 0;display: block;height: 132px;width: 445px;background: url(../images/focus_bg1.png?20141201) no-repeat;_background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/mv/v8/static/images/focus_bg1.png?20141201', sizingMethod='crop');}
.banner:hover i{display: block;}

@media screen and (min-resolution: +72dpi) {
	.banner i {display: block;opacity:0; transition: opacity 0.5s;-moz-transition: opacity 0.5s;;-webkit-transition: opacity 0.5s;;-o-transition: opacity 0.5s;;}	
	.banner:hover i{display: block;opacity:1;}	
}
/*tags*/
.tags{ width:148px; height:130px; overflow:hidden; margin-top:10px}
.tags a{ float:left; background:#f5f5f5; color:#494949; width:73px; height:25px; line-height:25px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0 1px 1px 0}
.tags a.dark{ background:#ededed}
.tags a:hover{ background:#64b0fa; color:#fff}

/*speed_dialog*/
#speed_dialog{ display:none; z-index:99; position:absolute; width:314px; height:164px; /*border-top:6px solid #6899c5;*/ background:#fff; /*top:200px!important;*/ left:50%; margin:0 0 0 -205px; color:#5a5a5a}
#speed_dialog em{ width:20px; height:20px; background:url(../images/bg.png?20141201) no-repeat -119px -110px; position:absolute; right:10px; top:8px; cursor:pointer}
#speed_dialog .speed{ background:url(../images/speed.gif) no-repeat 70px 66px; height:189px; text-align:center; padding-left:55px; line-height:189px; }
#speed_dialog .select{ display:none; height:164px; color:#272727;}
#speed_dialog .select p{ text-align:left;width:228px;margin:0 auto; padding:29px 0px 5px;margin-bottom:7px;border-bottom:1px solid #e3e3e3;}
#speed_dialog .select span{ display:block; height:20px; padding:0 0 7px 25px; margin-left:92px; background:url(../images/bg.png?20141201) no-repeat -119px -39px; cursor:pointer; width:118px;}
#speed_dialog .select .selected{ background-position:-119px -2px}
#speed_dialog .btn{ height:24px; padding:0px 20px ; line-height:24px}
#speed_dialog .btn span{ color:#5a5a5a; background:0 none; margin-left:7px; padding:0; cursor:default; display:inline; width:auto}
#speed_dialog .btn span,#speed_dialog .cbox,#speed_dialog .cbox_clk{ float:left;}
#speed_dialog .cbox{height:13px; width:13px; line-height:0; font-size:0; margin-top:4px; background:#fefefe; border:1px solid #555; cursor:pointer}
#speed_dialog .cbox:hover{background:#cce9fe;}
#speed_dialog .cbox_clk{ width:15px; height:15px; line-height:0; font-size:0; margin-top:4px; background:url(../images/bg.png?20141201) no-repeat -121px -85px; cursor:pointer}
#speed_dialog .cbox_clk:hover{  background-position:-121px -135px;}
#speed_dialog .sub{ float:right; text-align:center; width:66px; height:22px; line-height:22px; border:1px solid #afb1b2; background:#fff}
#speed_dialog .sub:hover{ background:#edefef; border-color:#6899c5}
#speed_dialog span{color:#000;}

/*广告*/
.adLayer{ height:80px; clear:both; margin-top:5px; /*position:relative;*/}/*CEF下设置广告移位*/
div.yydr_mv_list .adLayer{ height:25px;}
/*yydr_mv_list*/ 
div.yydr_mv_list{ display:block; overflow:hidden; padding-top: 15px; width:596px; overflow:hidden; }
div.yydr_mv_list ul{ width:628px; margin-left: -32px; margin-top: -20px; padding: 0; }
div.yydr_mv_list li{ width:124px; height:auto; float:left; margin-left: 32px; margin-top: 20px; display:inline;  }
div.yydr_mv_list a.mv_a{ width:120px; height:67px; border:2px solid #e5e5e5; position:relative; display:block; overflow:hidden; }
div.yydr_mv_list a.mv_a:hover{ border-color:#64b0fa;}
div.yydr_mv_list a.mv_a .top_icon{ position:absolute; right:5px; top:0px; width:31px; height:21px; text-indent:-999px; background:#79c40d; color:#fff; font-family:simsun,'Microsoft Yahei', Arial,  sans-serif; text-align:center; background:url(../images/bg.png) no-repeat; z-index:4; background-position: -0px -92px; }
div.yydr_mv_list a.mv_a .play_icon{ width:34px; height:34px; position:absolute; left:50%; top:50%; margin-left: -17px; margin-top: -17px; visibility:hidden; overflow:hidden;  }
div.yydr_mv_list a.mv_a .play_icon span{ left:-244px; top:-0px; }
div.yydr_mv_list a.mv_a:hover .play_icon{ visibility:visible;}
div.yydr_mv_list .singer_a{ display:block; font-size:12px; color:#3f3f3f; line-height:18px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:simsun,'Microsoft Yahei', Arial,  sans-serif; padding-top: 10px; }
div.yydr_mv_list .time_div{ position:relative; padding-left: 18px;  font-size:12px; font-family:simsun,'Microsoft Yahei', Arial,  sans-serif; line-height:18px; height:18px; display:block; color:#8e8e8e; }
div.yydr_mv_list .time_div span.icon{ position:absolute; left:0; top:0; width:18px; height:18px; background-position: -93px -53px; }
/*/mv_list*/ 

/*btns_search_area*/ 
.btns_search_area{ display:block; height:24px; width:600px; margin-left: 1px; }
.btns_search_area a.public_btn{ height:20px; line-height:20px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; background:#fff; color:#666; font-family:simsun,'Microsoft Yahei', Arial,  sans-serif; text-align:center; float:left; display:inline-block; *display:inline; *zoom:1; }
.btns_search_area a.public_btn span{ text-align:center; display:inline; float:left; position:relative; zoom:1; padding: 0 7px;  cursor:pointer; }
.btns_search_area a.public_btn span.time_span{ border-left:1px solid #dadada; margin-left:-1px;}
.btns_search_area a.public_btn span.num_span{ border-right:1px solid #dadada; margin-left: 0px; margin-right:-1px; }
.btns_search_area a.hover,.btns_search_area a.public_btn:hover{ border-top-color:#539fea; border-bottom-color:#539fea; color:#fff; background:#64b0fa;}
.btns_search_area a.hover span.num_span,.btns_search_area a.hover span.time_span,.btns_search_area a.public_btn:hover span{ border-color:#539fea;}
.btns_search_area div.mid { float:left;  width:1px; height:22px; background:#539fea; }

/*btns_search_area*/ 

.tips_area{ display:block; height:111px; }
.tips_area .tips_list{ display:block; height:22px; padding-top: 15px; font-size:12px; color:#555; line-height:22px; font-family:simsun,'Microsoft Yahei', Arial,  sans-serif;  }
.tips_area strong{ float:left; height:22px; line-height:22px; }
.tips_list a{ float:left; margin-left: 10px;  height:20px; background:#f5f5f5; font-family: Arial, simsun,'Microsoft Yahei',  sans-serif; color:#666666;  border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.tips_area .tips_list a span{ display:inline; padding: 0 10px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; margin:0 -1px; text-align:center; position:relative; zoom:1; cursor:pointer; line-height:20px; float:left; }
.tips_area .tips_list a:hover{ background:#def1fe; border-color:#b6e1fe; }
.tips_area .tips_list a:hover span{ color:#62c0ff; border-color:#b6e1fe;}

.tips_area .tips_list a:active,.tips_area .tips_list a.select,.tips_area .tips_list a:hover.select{ background:#64b0fa; border-color:#64b0fa; }
.tips_area .tips_list a:active span, .tips_area .tips_list a.select span, .tips_area .tips_list a:hover.select span{ color:#fff; border-color:#64b0fa;}

.wrap .line{ margin: 15px 0; display:block; width:596px; height:1px; background:#ddd; border:none; font-size:1px; }

.loadPic{background: #efefef url("/mv/v8/static/images/loading.gif") no-repeat center;}

/* topic_song
--------------------------------------------*/
.topic_song_wrap{ width: 592px; padding:16px 2px 0 2px; overflow:hidden;}
.topic_song_wrap ul{ margin-left:-38px; width: 630px; padding:0 2px;}
.topic_song_wrap ul li{ width: 174px; height: 160px; margin:0; margin-left:36px; float:left; display:inline;}
.topic_song_wrap .pc_temp_mv_cover{ cursor:pointer;}

.topic_song_wrap .mv_info{ line-height:18px; padding:0 2px;}
.topic_song_wrap .mv_info h5{ height: 18px; width: 170px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.topic_song_wrap .mv_info h5 a{ color:#333333;}
.topic_song_wrap .mv_info h5 a:hover { color:#64B0FB;}
.topic_song_wrap .mv_info p{ width: 170px; height: 18px; color:#999999; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.topic_song_wrap .pc_temp_btn_play { width: 24px; height: 24px; left:auto; top:auto; right:2px; bottom:1px; visibility:visible;}
.topic_song_wrap .pc_temp_btn_play .pc_temp_splice { left:-50px; top:0;}
.topic_song_wrap a:hover .pc_temp_btn_play .pc_temp_splice { left:-50px; top:-50px;}
.topic_song_wrap a:hover .pc_temp_shadow{ background:url(about:blank);}
.topic_song_wrap .pc_temp_frac{ position:absolute; z-index:2;left:0; bottom:0; height:20px; line-height:20px; width:136px; color:#FFFFFF;background: -moz-linear-gradient(left,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 75%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.7)), color-stop(75%,rgba(0,0,0,0))); background: -webkit-linear-gradient(left,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 75%); background: -o-linear-gradient(left,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 75%); background: -ms-linear-gradient(left,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 75%); background: linear-gradient(to right,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 ); overflow:hidden;}
.topic_song_wrap .pc_temp_frac .ico_time, .topic_song_wrap .pc_temp_frac .ico_listen{ float:left; margin-left:5px; width: 12px; height: 12px; margin-top:4px; overflow:hidden; _display:inline;}
.topic_song_wrap .pc_temp_frac .ico_time{ background:url(../images/topic_time_24.png) no-repeat;  _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/mv/topic/static/images/topic_time_24.png");}
.topic_song_wrap .pc_temp_frac .ico_listen{ background:url(../images/topic_listen_24.png) no-repeat; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/mv/topic/static/images/topic_listen_24.png");}
.topic_song_wrap .pc_temp_frac em{ float:left; font-size:12px; padding-left:6px;font-weight:400;font-style:normal; vertical-align:middle; font-family:"\5B8B\4F53";}


/*STORY #10256 【秋季版和非秋季版】MV电台增加分类*/
.pc_radio_main{padding-top: 15px!important;}
.pc_radio_main .pc_home_mvlist{padding-top: 5px;}
.pc_temp_title h3 {font-family: "microsoft yahei";}
.pc_temp_albumlist ul{margin-bottom: 3px;}
.pc_temp_album_cover .radio_name{position: absolute;width: 100%;left:0; margin: -20px 0 0 0;text-align:center;height: 50px;top: 50%; font-size: 20px;color: #fff;font-family:Tahoma,YouYuan,microsoft yahei,SimSun;visibility: visible;}
.pc_temp_page_min .pc_temp_album_cover .radio_name,.pc_temp_page_critical .pc_temp_album_cover .radio_name,.pc_temp_page_max .pc_temp_album_cover .radio_name{font-size: 24px;}
.pc_temp_album_cover:hover .radio_name{visibility: hidden;}
.pc_radio_main .pc_temp_btn_splay{width:50px!important;height:50px!important;}
.pc_radio_main .pc_temp_splice{width:50px;height:50px;left:0!important;top:0!important;background: url("http://www2.kugou.kugou.com/mv/v8/static/images/mvradio_play.png?20150814") no-repeat;  _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www2.kugou.kugou.com/mv/v8/static/images/mvradio_play.png?20150814', sizingMethod='crop');}
.pc_radio_main .pc_temp_btn_splay:hover .pc_temp_splice,.pc_radio_main .fixIe6_splay .pc_temp_splice{background: url("http://www2.kugou.kugou.com/mv/v8/static/images/mvradio_play_hover.png?20150814") no-repeat;  _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www2.kugou.kugou.com/mv/v8/static/images/mvradio_play_hover.png?20150814', sizingMethod='crop');}
.pc_temp_mvlist .pc_temp_album_cover{height: 100px;}
.pc_temp_page_min .pc_temp_mvlist .pc_temp_img, .pc_temp_page_critical .pc_temp_mvlist .pc_temp_img {padding-top: 73.71%;}
.pc_temp_page_max .pc_temp_mvlist .pc_temp_album_cover {height: 133px;}