@charset "utf-8";
/*
* Copyright 2014, kugou.com
* Creator: green
* $Author: linweijian $
* $Date: 2014-06-11 $
* $Desc:乐库推荐页样式表
*/
/* layout
--------------------------------------------*/
body,html{background: #fff;overflow: hidden;height: 100%;}
.wrap{width:619px;margin:0 auto;padding-right: 2px;overflow:auto;left: 7px;position: relative;height: 100%;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;}
.splice,.pc_temp_btn_play .pc_temp_splice,.pc_temp_btn_heart .pc_temp_splice{width: 200px;height: 404px;display: block;position: absolute;background: url(../images/home_24.png?20150128) no-repeat;_background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/yueku/v8/static/images/home_24.png?20150128', sizingMethod='crop');}
.musiclib_footer a, .tab_ctr span.current, .tab_ctr span.current i,.song .song_ctr_foot span,h3.title i,.tab_ctr span.customcurrent b,.pc_temp_btn_collect{background:url(../images/home_8.png?20150128) no-repeat;}

.loadPic{background: #efefef url(../images/load.gif) no-repeat center;}

.banner,.mv,.special,.album,.footlink,.musiclib_footer,.company{min-width:598px;width: auto !important;width: 598px;}
/* banner
--------------------------------------------*/
.banner{height: 128px;margin-bottom:10px;margin-top: 15px;}
.banner .focus{width: 448px;height: 100%;position: relative;float: left;}
.banner a{display: block;}
.banner .focus a{position: absolute;cursor: pointer;}
.banner .sub_banner{width: 142px;height: 61px;margin:0 6px 6px 0;float: right;}
.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; line-height:0;right: 50%;font-size:0; cursor:pointer; margin-right:3px; 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  i{ width:26px; height:46px;position:absolute;cursor:pointer;overflow: hidden;margin-top:-23px;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:4px;}
.banner .next .splice{top:0;left:0;}
.banner .next_hover .splice{top:0;left: -60px;}

/* title
--------------------------------------------*/
h3.title{border-bottom: 1px solid #ddd;padding-bottom: 5px;margin:5px 0 7px 0;height: 28px;line-height: 28px;position:relative;font-size:16px;color:#333;font-weight:normal;font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;}
h3.title a{color: #333;}
h3.title i{width: 9px;height: 6px;line-height: 6px;overflow: hidden;background-position: -60px -30px;position: absolute;left: 30px;bottom: -2px;}
a.more{position: absolute;right: 0;top: 8px;color:#999;font-family:Microsoft YaHei;}
a.more:hover{color: #589de7;}
/* song
--------------------------------------------*/
.song{width: 290px;margin-right: 20px;float: left;}
.song .pc_temp_songlist ul li{padding:0;line-height: 30px;height: 30px;overflow:visible;}
.song .pc_temp_songlist .pc_temp_tips_r{right: 0;}
.song .pc_temp_songlist li .pc_temp_songname{padding-left: 5px;width:200px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;line-height: 30px;height: 30px;}
.song .pc_temp_songlist li .tips{display:inline-block;*display:inline;*zoom:1;}
.song .pc_temp_songlist li:hover .tips,.song .pc_temp_songlist li.hover .tips,.song .pc_temp_songlist li.iehover .tips{display: inline-block;*display: inline;*zoom:1;}
.song .pc_temp_songlist li .owner{display: none;width: 91px;text-align: right;padding-right: 5px;font-size: 12px;vertical-align: middle;font-family:\5b8b\4f53;}
.song .pc_temp_songlist li:hover .owner,.song .pc_temp_songlist li.hover .owner,.song .pc_temp_songlist li.iehover .owner{display: none;}
.song .song_nav{text-align: right;padding: 5px 0 9px 5px;clear: both;}
.song .song_ctr_foot {margin-bottom: -36px;overflow: hidden;padding: 10px 0 10px 5px;height: 16px;}
.song .song_ctr_foot span{background: none;color: #c6c6c6;float: left;padding: 0 2px;height: 16px;line-height: 16px;}
.song .song_ctr_foot span b{font-weight: normal;color: #888;padding: 0 5px;cursor: pointer;float: left;height: 15px;line-height: 15px;}
.song .song_ctr_foot span b.current{font-weight: bold;color: #589de7;}
.song .pc_temp_name{display:inline-block; *display:inline; *zoom:1;vertical-align: middle;cursor:pointer;max-width: 165px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.song .pc_temp_icon_dujia{margin-left: 5px;*margin-bottom:4px;}

/* recommend
--------------------------------------------*/
.recommend{width: 285px;float: left;overflow: hidden;margin-right: -285px;}
.recommend ul{ padding-top:10px;margin-right: -21px;}
.recommend ul li{width: 132px;height: 92px;float: left;margin:0 21px 22px 0;}
.recommend ul li a{display: block;width: 128px;height: 88px;border: 1px solid #d9d9d9;margin: 1px;position: relative;color: #fff;}
.recommend ul li a:hover{border:2px solid #66b0fb;margin: 0;}
.recommend ul li p{width: 108px;height: 25px;position: absolute;line-height: 25px;padding:0 15px 0 5px;font-style: normal;left: 0;bottom: 0;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;cursor: pointer;}
.recommend ul li p span{position: relative;z-index: 1;cursor: pointer;}
.recommend ul li p .splice{top: -120px;left: 0;}
.recommend ul li b{width: 23px;height: 21px;position: absolute;bottom: 0;right: 0;background: url("about:blank");z-index: 10;cursor:pointer;}

/* mv
--------------------------------------------*/
.mv{margin-top: 10px;position: relative;margin-bottom: 17px;}
.mv ul{margin-right: -6px;position: relative;}
.mv li{width: 133px;padding: 3px 8px 0 4px; float: left;margin-right: 6px;position: relative;}
.mv li a{display: block;position: relative;}
.mv li a:hover{background: url("about:blank");}
.mv li a span{color: #000;padding:6px 0 0 0;width: 100%;height: 18px;line-height: 18px;display: block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;cursor: pointer;}
.mv li a b{width: 33px;height: 33px;display: block;position: absolute;visibility: hidden;left: 50px;top: 20px;overflow: hidden;cursor:pointer;z-index: 1;}
.mv li a span.note,.mv li a:hover span.note{padding: 2px 0 0 0;color:#999;}
.mv li a:hover span{color: #589de7;}
.mv li a:hover b{visibility: visible;}
.mv li a:hover b .splice{left: 0;top: -60px;}
.mv li a:hover b:hover .splice,.mv li a:hover b.iehover .splice{left: -60px;top: -60px;} 
.mv li a:hover img{border: 2px solid #66b0fb;margin: -2px;position: relative;}
.mv li a .shadow{position: absolute;left: 0;top: 0;width:136px;height: 79px;overflow: hidden;padding: 0;}
.mv li a .shadow .splice{left:0;top: -150px;}

.album{margin-top: 10px;position: relative;}
.album .tab_ctr{margin-top: -30px;}
.album .title{margin-bottom: 2px;}
.special{margin-top: 6px;position: relative;}
.special .title{margin-bottom: 10px;}
/*CEF下设置广告移位*/
.ad iframe{ margin:10px 0 20px;/*position:relative;*/z-index: 1;}

/* company
--------------------------------------------*/
.company{position: relative;overflow: hidden;}
.company .tab_ctr{margin-top: -30px;}
.company .tab_ctr a{color: #999;cursor:pointer;position: relative;float: left;margin-top: -5px;}
.company a:hover{color: #64B0FB}
.company .company_list{margin-left: -38px;position: relative;zoom: 1;}
.company .company_list li{float: left;width: 280px;margin: 0  0 12px 38px;overflow: hidden;display: inline;position: relative;}
.company .company_list li a.logo{float: left;width: 92px;height: 92px;margin-right:13px;}
.company .company_list li h4{width: 175px;float: left;line-height:30px;font-size:14px;font-weight:normal;font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.company .company_list li h4 a{color:#000;}
.company .company_list li h4 a:hover{color: #64B0FB}
.company .company_list li p{width: 175px;float: left;color: #999;font-size: 12px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;cursor: default;}
.company .company_list ul{overflow: hidden;float: left;}
.company .company_list ul li{float: left;width: 31px;height: 31px;margin: 9px 6px 0 0;}
.company .company_list ul li a{display:block;overflow: hidden;position: relative;left: 0.5px;}
.company .company_list ul li a .splice{left: -140px;top: -100px;}

#company_box .dialogBox_m h3{font-size: 16px;padding-left: 10px;}
#company_box .dialogBox_content{font-size: 12px;color: #505050;padding: 10px;}
#company_box .dialogBox_content p{padding-bottom: 15px;text-align: left;}
#company_box .dialogBox_content table{width: 100%;}
#company_box .dialogBox_content table th{text-align: right;font-weight: normal;}
#company_box .dialogBox_content table input{width: 197px;height: 22px;border:1px solid #ccc;padding: 0 5px;outline: 0;color: #999;}
#company_box .dialogBox_content table input.input_focus{border-color:#4C96E5;color: #999;}
#company_box .dialogBox_content table .input_error{border-color:#FF6363;color: #fff;}
#company_box .dialogBox_content table td,#company_box .dialogBox_content table th{padding-bottom: 10px;}
#company_box .dialogBox_content table td{position: relative;}
#company_box .dialogBox_content table td span{position: absolute;left: 15px;top: 0;display: block;line-height: 24px;color: #FF6363;}
#company_box .dialogBox_m .dialogBox_button{margin: 0;}
/* footlinkz
--------------------------------------------*/
.footlink{ background:#94bddf; margin:0;position: relative;color: #fff;overflow: hidden;}
.footlink a{ font-size:12px; color:#fff; display:inline; margin:15px 1px 0 1px;line-height: 25px;}
.footlink a:hover{text-decoration:underline;}
.footlink .kugou_dcode{width: 130px;padding: 8px;background: #b0dbff;float: right;margin-bottom: -2000px;padding-bottom: 2000px;min-height: 70px;height: auto !important;height: 70px;} 
.footlink .kugou_dcode div{width: 61px;height: 61px;float: right;}
.footlink .kugou_dcode p{color: #000;font-weight: bold;line-height: 20px;}
.footlink .kugou_dcode p span{color: #009cff;font-weight: normal;line-height: 24px;}
.footlink .foot_rank{float: left;padding:14px;width: 420px;background: #94bddf;overflow: hidden;}

.musiclib_footer{ margin:10px 0}
.musiclib_footer a{ background-position:0 0; width:68px; height:20px; line-height:20px; text-align:center; color:#fff; float:left; margin:10px 16px 0 0; display:inline}
.musiclib_footer a:hover{ text-decoration:underline}
.musiclib_footer a.kugou_logo{ background-position:0 -60px; width:141px; height:39px; margin:0 0 0 35px; text-indent:-9999px}

/* pc_temp_songlist
--------------------------------------------*/
.song .pc_temp_songlist ul{height: 210px;}
.pc_temp_songlist ul li:hover,.pc_temp_songlist ul li.hover,.pc_temp_songlist ul li.iehover{background: #f2f2f2;}
.pc_temp_btn_more_hover{background-position: -450px -25px;}
.pc_temp_icon_hq,.pc_temp_icon_sq,.pc_temp_icon_vip{display: none;}
.pc_temp_albumlist ul{margin-left: -18px;position: relative;}
.pc_temp_album_cover .pc_temp_frac{z-index: 0;cursor: pointer;}
.pc_temp_albumlist .pc_temp_tl{width:100%;}
.pc_temp_albumlist .pc_temp_cnt{width: 75px;cursor:default;}
.pc_temp_albumlist a.pc_temp_cnt{cursor: pointer;}
.pc_temp_albumlist a.pc_temp_cnt:hover{color: #64B0FB;}
.pc_temp_shadowbox_loading{text-align: center;padding: 10px 0;}
.pc_temp_shadowbox{width: 234px;height: 270px;position: absolute;z-index: 10;display: none;}
.pc_temp_shadowbox .pc_temp_songlist ul{min-height: 178px;_height: 178px;}
.pc_temp_albumbox .pc_temp_leaf{height: 16px;}
.pc_temp_border{position: absolute;left:0;top: 0;width: 98px;height: 98px;border:1px solid #0b0204;display: none;*display: block;*filter:Alpha(Opacity=15);}
.pc_temp_shadow{position: absolute;left: 0;top: 0;width: 103px;height: 105px;overflow: hidden;*z-index: -1;}
.pc_temp_shadow i{top: -240px;}
.pc_temp_album_cover .pc_temp_btn_play{width: 24px;height: 24px;right: 6px;bottom: 6px;}
.pc_temp_btn_heart{display: inline-block;vertical-align: middle;width: 24px;height: 24px;overflow: hidden;cursor: pointer;    position: absolute;z-index: 5;right: 38px;bottom: 6px;visibility: hidden;}
.pc_temp_btn_play .pc_temp_splice{top: -350px;left: 0;}
.pc_temp_btn_play:hover .pc_temp_splice,.pc_temp_album_cover .iehover .pc_temp_splice{top: -350px;left: -30px;}
a.pc_temp_album_cover:hover .pc_temp_btn_heart{visibility: visible;}
.pc_temp_btn_heart .pc_temp_splice{top: -380px;left: -60px;}
.pc_temp_btn_heart:hover .pc_temp_splice,.pc_temp_album_cover .pc_temp_btn_heart_hover .pc_temp_splice{top: -380px;left: -90px;}
.pc_temp_btn_heart_cur .pc_temp_splice{top: -380px;left: 0;}
.pc_temp_btn_heart_cur:hover .pc_temp_splice,.pc_temp_album_cover .pc_temp_btn_heart_cur_hover .pc_temp_splice{top: -380px;left: -30px;}
.pc_temp_albumlist ul li{margin-bottom: 0;}
/* tab_ctr
--------------------------------------------*/
.tab_ctr{margin:-35px 0 40px  80px;}
.tab_ctr span{width: 39px;height: 19px;line-height: 19px;text-align: center;float:left;margin-right: 5px;position: relative;color: #555;cursor:pointer;}
.tab_ctr span.current{background-position: -90px 0;color: #fff;}
.tab_ctr span.current i {width: 9px;height: 6px;line-height: 6px;background-position: -60px -30px;position: absolute;left: 50%;margin-left: -4px;overflow: hidden; bottom: -10px;}
.tab_ctr span.custom,.tab_ctr span.customcurrent {width: auto;padding-left: 10px;max-width: 58px;}
.tab_ctr span.custom b,.tab_ctr span.customcurrent b{font-weight: normal;padding-right:10px;display: block;}
.tab_ctr span.customcurrent b{background-position: right -30px;}
/* version
--------------------------------------------*/
html.v7450 .song .pc_temp_songlist .pc_temp_songname,html.v7545 .song .pc_temp_songlist .pc_temp_songname{width: 200px;}
html.v7450_vipmark .song .pc_temp_songlist .pc_temp_songname,html.v7545_vipmark .song .pc_temp_songlist .pc_temp_songname{width: 200px;}
html.v7450 .pc_temp_icon_hq, html.v7450 .pc_temp_icon_sq,html.v7450_vipmark .pc_temp_icon_vip{display:inline-block; *display:inline; *zoom:1}
html.v7450 .pc_temp_icon_qa,html.v7450_vipmark i.pc_temp_icon_v{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:0; height:9px; padding-left:16px; overflow:hidden;margin-left: 8px;}

/*banner*/
.focus .bg{position: absolute;z-index: 1;top:0;left: 0;display: block;height: 132px;width: 445px;background: url(../images/com_foucs_bg.png?20150128) no-repeat;_background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/yueku/v8/static/images/com_foucs_bg.png?20150128', sizingMethod='crop');}
.banner .focus: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 .focus:hover i{display: block;opacity:1;}	
}
/* charge
--------------------------------------------*/
.pc_temp_icon_charge{display: none;}
.vcharge .pc_temp_icon_charge{display: block;}
.pc_temp_songlist .pc_temp_nocopyright,.pc_temp_songlist .pc_temp_nocopyright a,.pc_temp_songlist .pc_temp_nocopyright a:hover{color: #aaa;}

.vnocharge .pc_temp_nocopyright,.vnocharge .pc_temp_nocopyright a,.vnocharge .pc_temp_nocopyright a:hover,
.vnocharge .pc_temp_charge,.vnocharge .pc_temp_charge a,.vnocharge .pc_temp_charge a:hover{color: #aaa;}

/* mv 电台
--------------------------------------------*/
#mv_fm_wrap{position: relative;}
.mv_fm {overflow: hidden;margin-left: -17px;zoom: 1;margin-bottom: -10px;}
.mv_fm li {float: left;margin-left: 17px;margin-top: 3px;margin-bottom: 27px;display: inline;}
.mv_fm .radio_object {display: block;width: 136px;height: 102px;position: relative;}
.mv_fm .radio_object .radio_hover_layer {width: 136px;height: 102px;background: #000;opacity: 0.2;filter:alpha(opacity=20);}
.mv_fm .radio_object .radio_hover_border {width: 136px;height: 102px;cursor: pointer;}
.mv_fm .radio_object .radio_hover_layer,.mv_fm .radio_object .radio_hover_border {position: absolute;left: 0;top: 0;visibility: hidden;}
.mv_fm .play_icon {background: url('../images/radioPlay.png?20150128') no-repeat center;position: absolute;width: 49px;height: 49px;left: 50%;top: 50%;margin: -24.5px 0 0 -24.5px;_background:url(about:blank);_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/yueku/v8/static/images/radioPlay.png?20150128', sizingMethod='crop');}
.mv_fm .radio_name{position: absolute;width: 100%;left:0; margin: -20px 0 0 0;text-align:center;height: 50px;top: 50%; font-size: 24px;color: #fff;font-family:Tahoma,YouYuan,microsoft yahei,SimSun;visibility: visible;}
.mv_fm .radio_object:hover {background: url(about:blank);}
.mv_fm .radio_object:hover .radio_hover_layer, .mv_fm .radio_object:hover .radio_hover_border {visibility: visible;}
.mv_fm .radio_object:hover .radio_name {visibility: hidden;}
.mv_fm .radio_object img {width: 136px;height: 102px;}

.pc_temp_albumlist .pc_temp_tl_collect{width: auto;margin-right: 14px;_width:86px;}
.pc_temp_albumlist .pc_temp_btn_collect{position: absolute;right: 0;bottom: 4px;padding-left: 14px;height: 13px;width: 0;overflow: hidden;background-position: -15px -100px;}
.pc_temp_albumlist .pc_temp_btn_collect_cur{background-position: 0 -100px;}
.pc_temp_albumbox .pc_temp_shadowbox_cnt{height: 270px;}