@charset "utf-8";
/*********************************
*	 CSS-The A8 Music Site       *  
*	 by min.chen                 *
*	 http://www.a8.com           *
**********************************/









.flash_show{width:560px; height:350px; padding:10px 10px 0px 10px; background:url(../images/css_bg/flash.gif) 0 0 no-repeat; overflow:hidden;}
.flash_show #imgPlay{width:560px; height:315px;}
#imgPlay{position:relative;width:560px;height:315px;overflow:hidden;*zoom:1;}
#imgPlay .imgs img{width:560px; height:315px;padding:0px;border:0px; margin:0px;}
#imgPlay .imgs li{float:left;position:relative;}
#imgPlay .imgs{width:9760px;}
#imgPlay .btn{position:absolute;right:12px;bottom:12px;width:112px;height:29px;text-indent:-9999px;overflow:hidden;}
#imgPlay .btn a{display:block;width:112px;height:29px;background-position:-225px -285px;overflow:hidden;}
#imgPlay .btn a:hover{background-position:-225px -315px;}
#imgPlay .next{left:auto;right:1px;background-position:right 0;}
.flash_show .pointOper{height:25px; width:160px; margin:0 auto;}
.flash_show .pointOper span{display:inline-block;width:14px;height:13px;margin:5px 2px 0;background:url(../images/css_sprites/imgPlayer.gif) -19px 0px no-repeat;cursor:pointer;overflow:hidden;line-height:0;}
.flash_show .pointOper span.on{background-position:1px 0px;}
.flash_show #numInner{background:none;padding:3px 0 0 0;text-align:center;}
#imgPlay{z-index:100;}



/*********图说音乐*********/
.pic_mcttl{ height:42px; width:960px; background-position:0px -90px; background-repeat:no-repeat;}
.pic_mcLun{float:left;width:940px; height:230px; padding:15px 9px; border:1px solid #ccc; border-top:0px; overflow:hidden;}
.pic_mcLun .pic_ctrlBtn{float:left; height:230px; width:20px; overflow:hidden;}
.pic_mcLun .pic_ctrlBtn a{ outline:none !important;}
.pic_mcLun #xt_imgPlay{z-index:200;}
.mcLun_pic_lun {float:left;width:900px;height:230px;overflow:hidden;*zoom:1;}
#xt_imgPlay .xt_imgs{width:9000px;}
#xt_imgPlay .xt_imgs li{ float:left;width:160px; height:230px; overflow:hidden; margin-left:10px; margin-right:10px; display:inline;}
#xt_imgPlay .xt_imgs li .pic{width:160px; height:200px; overflow:hidden;}
#xt_imgPlay .xt_imgs li .text{width:160px; height:30px; line-height:30px; color:#333; text-align:center; font-size:14px;}
#xt_imgPlay .xt_imgs li .text a{color:#333; }
.pic_mcctrl{float:left;width:958px; height:39px; padding-top:10px;border:1px solid #ccc; border-top:0px;}
.pic_mcctrl .xt_pointOper{height:25px; width:160px; margin:0 auto;}
.pic_mcctrl .xt_pointOper span{display:inline-block;width:14px;height:13px;margin:5px 2px 0;background:url(../images/css_sprites/pagination.gif) 0px 0px no-repeat;cursor:pointer;overflow:hidden;line-height:0;}
.pic_mcctrl .xt_pointOper span.on{background-position:0 -12px;}
.pic_mcctrl #xt_numInner{background:none;padding:3px 0 0 0;text-align:center;}

/*********高清大图*********/
.index_hdpicttl{ height:42px; width:960px; background:url(../images/css_bg/hdpic_title.jpg) 0 0 no-repeat;}
.index_hdpicLun{float:left;width:940px; height:230px; padding:15px 9px; border:1px solid #ccc; border-top:0px; overflow:hidden;}
.index_hdpicLun .pic_ctrlBtn{float:left; height:230px; width:20px; overflow:hidden;}
.index_hdpicLun .pic_ctrlBtn a{ outline:none !important;}
.index_hdpicLun #hdxt_imgPlay{z-index:200;}
.index_hdpic_lun {float:left;width:900px;height:230px;overflow:hidden;*zoom:1;}
#hdxt_imgPlay .hdxt_imgs{width:9000px;}
#hdxt_imgPlay .hdxt_imgs li{ float:left;width:160px; height:230px; overflow:hidden; margin-left:10px; margin-right:10px; display:inline;}
#hdxt_imgPlay .hdxt_imgs li .pic{width:160px; height:200px; overflow:hidden;}
#hdxt_imgPlay .hdxt_imgs li .text{width:160px; height:30px; line-height:30px; color:#333; text-align:center; font-size:14px;}
#hdxt_imgPlay .hdxt_imgs li .text a{color:#333; }
.index_hdpicctrl{float:left;width:958px; height:39px; padding-top:10px;border:1px solid #ccc; border-top:0px;}
.index_hdpicctrl .hdxt_pointOper{height:25px; width:160px; margin:0 auto;}
.index_hdpicctrl .hdxt_pointOper span{display:inline-block;width:14px;height:13px;margin:5px 2px 0;background:url(../images/css_sprites/pagination.gif) 0px 0px no-repeat;cursor:pointer;overflow:hidden;line-height:0;}
.index_hdpicctrl .hdxt_pointOper span.on{background-position:0 -12px;}
.index_hdpicctrl #hdxt_numInner{background:none;padding:3px 0 0 0;text-align:center;}


.flash_show .fs_pic{width:560px; height:315px;overflow:hidden;}
.flash_show .fs_point{width:560px; height:35px;}
.hotnews_show{height:336px; width:340px; padding:20px 20px 4px 20px;background:url(../images/css_bg/hotnews_bg.gif) 0 0 no-repeat; overflow:hidden;}
.hotnews_show .ctrlBtn{float:left;height:30px; width:60px; padding:0px 140px; cursor:pointer;}
.hotnews_show .news_lun{float:left;height:246px; margin:15px 0px;width:340px; overflow:hidden;}

#lunhuan {position:relative;width:340px;height:246px; float:left;overflow:hidden;}
#news_lunCon {position:absolute;height:738px;width:340px;top:0px;left:0px;}
dl.lun_unit{ height:72px; padding-top:10px;}
dl.lun_unit dt{ float:left; width:66px; height:48px; padding:2px; border:1px #ccc solid; margin-top:5px;}
dl.lun_unit dd{ float:left; height:72px; width:250px; padding-left:10px;}
dl.lun_unit dd .lunttl{ font-size:14px; height:20px; width:250px; line-height:20px;overflow:hidden;}
dl.lun_unit dd .lunttl a{color:#fff;}
dl.lun_unit dd .lundate{ font-size:12px; height:40px; width:250px; line-height:20px;overflow:hidden;}
dl.lun_unit dd .lundate a{ color:#999;}
dl.lun_unit dd .lunbtn{height:20px; line-height:20px; padding-left:20px; background:url(../images/css_bg/btn_bg.gif) 0px 1px no-repeat;}
dl.lun_unit dd .lunbtn a{ color:#9fc728; text-decoration:underline;}

.banner_link{ height:130px; width:960px;}
.banner_link .linkbox{float:left; height:130px; width:320px; overflow:hidden;}





/***********左右分部分***********/
.left_mc_news{float:left; width:552px; overflow:hidden;}
.left_mc_news .ttl{float:left; height:40px; width:552px; background:url(../images/css_bg/left_mc_newsttl.jpg) 0 0 no-repeat;}
.left_mc_newscon{float:left; width:540px; height:454px; padding:0px 5px; border:1px #ccc solid;}
.h3num{ width:20px; text-align:center;}

.music_news{float:left;width:540px;padding:5px 0px; margin:0;}
.music_news li{float:left; height:24px; line-height:24px; font-size:14px;width:240px; padding-left:20px; padding-right:10px; background-position:-32px 4px; background-repeat:no-repeat; overflow:hidden;}
.music_news li a{ color:#333;}

/**变色部分**/
.cg_color{ display:block; width:500px; height:140px; padding-top:5px ; padding-left:15px; padding-bottom:5px; }
.cg_color li{float:left; width:146px; height:140px;cursor:pointer; margin-left:18px; display:inline;}
.cg_color li .pic {float:left;overflow: hidden;}
.cg_color li .text {float:left;line-height:32px; width:146px; text-align:center;}
.cg_color li .pic a {float:left;border:#ccc 1px solid;display: block;padding:2px;overflow: hidden; }
.cg_color li .pic a:hover { border:#650098 1px solid;background: #fff;}
.cg_color li .pic img{ border-width: 0px;  height:100px; width:140px }
.cg_color li .text a {color:#333; text-decoration:none;}
.cg_color li .text a:hover { color:#650098; text-decoration:underline;}




.inner_box{float:left;width:551px; height:194px; border-left:1px #ccc solid;border-top:0px; border-right:0px; border-bottom:3px #ccc solid; overflow:hidden;}
.in_sm_news{float:left; width:276px;height:194px;border-right:1px #ccc solid; overflow:hidden;}
.in_sm_news .ttl{ height:38px; width:276px; overflow:hidden; border-bottom:1px #ccc solid;}
.in_sm_news ul{ float:left; padding:15px 0px;}
.in_sm_news ul li{float:left; height:24px; line-height:24px; font-size:14px;width:250px; padding-left:20px; background-position:-32px 6px; background-repeat:no-repeat; overflow:hidden;}
.in_sm_news ul li a{ color:#333;}

.in_tab_con{float:left; width:274px;height:194px;overflow:hidden;}
.in_tabbox{ height:38px; width:274px;}
.in_tabbox .tab_act{ float:left;height:38px; line-height:38px; width:91px; cursor:pointer; color:#ff5601; font-weight:bold; text-align:center; border-bottom:none; border-right:1px #ccc solid; background:#fff;}
.in_tabbox .tab_nol{ float:left;height:38px; line-height:38px; width:90px; cursor:pointer; color:#333;text-align:center;border-bottom:1px #ccc solid; border-right:1px #ccc solid; background:url(../images/css_bg/in_tab_nol.jpg) 0 0 no-repeat;}
.in_tabcon{float:left; height:155px; width:273px; border-right:1px #ccc solid; overflow:hidden;}
.in_tabcon img{ height:136px; width:256px;  margin-top:12px; margin-left:9px; display:inline; overflow:hidden;}

.right_mc_listen{float:left; width:408px;}
.right_mc_listen .ttl{float:left; height:40px; width:408px; background:url(../images/css_bg/right_mc_listenttl.gif) 0 0 no-repeat;}
.right_mcln_con{float:left; width:407px; height:649px; border:1px #ccc solid; border-left:0px; border-bottom:3px #a0c828 solid;}
.mcln_player{ height:153px; width:407px; overflow:hidden;}
.mcln_list{ margin:0; padding:0; width:407px;}
.mcln_list li{float:left;cursor:pointer;height:40px; line-height:40px; width:377px; padding:0px 15px; border-top:1px #ccc dashed;}
.mcln_list li.hottop{float:left;height:80px;  width:377px;  overflow:hidden;}
.mcln_list li.hottop .pic{float:left; height:54px; width:54px; overflow:hidden; padding:2px; background:#fff; border:1px #ccc solid; margin:10px 0px;}
.mcln_list li.hottop .text{float:left; height:60px; padding-left:10px; padding-top:10px; width:188px;}
.mcln_list li.hottop .four_oper{float:left; height:40px; padding:20px 0px;}
.mcln_list li.hover{background:#fff66d;}
.mcln_list li .check{float:left; width:24px; height:20px; *+padding-top:10px !important;padding-top:14px;_padding-top:10px;}
.mcln_list li .song{float:left; width:257px;height:40px; overflow:hidden;color:#999;}
.mcln_list li .song a{ color:#999;}
.mcln_list li .quan{float:left; width:40px;}
.mcln_list li .link{float:left; width:200px; color:#650098;}
.mcln_list li .link a{ color:#650098; text-decoration:underline;}

.mcln_list div .btn{float:left;padding-top:20px; height:28px; padding-left:120px; border-top:1px #ccc dashed; width:257px;  overflow:hidden; border-bottom:0px !important;}

/*********重磅推荐*********/
.im_tuijianttl{ height:42px; width:960px; background-position:0px -40px; background-repeat:no-repeat;}
.im_tuijianCon{float:left;width:958px; border:1px solid #ccc; border-top:0px; padding-bottom:10px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; }
dl.im_tuijian{float:left;height:216px; width:216px; overflow:hidden; margin-left:20px; margin-top:15px; display:inline;}
dl.im_tuijian dt{height:160px; width:216px; display:inline; z-index:22;}
dl.im_tuijian dt img{height:154px; width:210px; padding:2px; border:1px #ccc solid; background:#fff; overflow:hidden;}
dl.im_tuijian dd.title{height:30px; width:196px; overflow:hidden; line-height:30px;padding-left:20px; background:url(../images/css_bg/btn_bg_w.gif) 0px 8px no-repeat; font-size:14px; color:#333;}
dl.im_tuijian dd.title a{ color:#333; font-weight:bold;}
dl.im_tuijian dd.futtl{height:26px; width:216px; line-height:26px; }
dl.im_tuijian dd.futtl a{ color:#999; text-decoration:underline;}


/*************排行榜*************/
.rank_box{ float:left; width:958px; border:1px #ccc solid;}
.golden_rank{float:left; width:318px; height:639px; border-right:1px #ccc solid; overflow:hidden;}
.golden_rank .ttl{ height:38px; width:318px; border-bottom:1px #ccc solid; background-position:0px -140px; background-repeat:no-repeat; overflow:hidden;}
.golden_rank .ttl .qishu{ padding-left:155px; height:38px; line-height:38px; width:70px; overflow:hidden;font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
.hot100_rank{float:left; width:319px; height:639px; border-right:1px #ccc solid;}
.hot100_rank .ttl{ height:38px; width:319px; border-bottom:1px #ccc solid; background-position:-319px -140px; background-repeat:no-repeat; overflow:hidden;}
.single100_rank{float:left; width:319px; height:639px;}
.single100_rank .ttl{ height:38px; width:319px; border-bottom:1px #ccc solid; background-position:-639px -140px; background-repeat:no-repeat; overflow:hidden;}

.hot100_rank2{float:left; width:319px; height:639px; border-right:1px #ccc solid;}
.hot100_rank2 .ttl2{ height:38px; width:318px; border-bottom:1px #ccc solid;border-right:1px #ccc solid; background-position:-319px -140px; background-repeat:no-repeat; overflow:hidden;}
.single100_rank2{float:left; width:319px; height:639px;}
.single100_rank2 .ttl2{ height:38px; width:318px; border-bottom:1px #ccc solid;border-right:1px #ccc solid; background-position:-639px -140px; background-repeat:no-repeat; overflow:hidden;}




/*********album*********/
.im_albumttl{ height:42px; width:960px; background-position:0px -185px; background-repeat:no-repeat;}
.im_albumCon{float:left;width:958px; border:1px solid #ccc; border-top:0px; padding-bottom:10px;font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
dl.im_album{float:left;height:236px; width:180px; overflow:hidden; margin-left:10px; margin-top:15px; display:inline;}
dl.im_album dt{float:left;height:174px; width:174px; display:inline;padding:2px; border:1px #ccc solid; background:#fff; overflow:hidden; z-index:22;}
dl.im_album dt img{height:174px; width:174px; }
dl.im_album dd.title{height:30px; width:160px; overflow:hidden; line-height:30px;padding-left:20px; background:url(../images/css_bg/btn_bg_w.gif) 0px 8px no-repeat; font-size:14px; color:#333;}
dl.im_album dd.title a{ color:#333; font-weight:bold;}
dl.im_album dd.futtl{height:26px;width:160px; line-height:26px; }
dl.im_album dd.futtl a{ color:#999; text-decoration:underline;}


/*********演出信息 乐评*********/
.actinfo{float:left;width:639px; height:580px; border:1px #ccc solid;overflow:hidden;}
.actinfottl{float:left; height:38px; width:639px; border-bottom:1px #ccc solid; background-position:0px -230px;}
.act_citytab{float:left; height:39px; width:620px; padding-left:19px; background-position:0 -40px; overflow:hidden; background-repeat:repeat-x; font-size:12px; font-weight:bold; border-collapse:collapse;}
.act_citytab .city_act{float:left; cursor:pointer; height:38px; line-height:38px; padding:0 20px; border:1px #ccc solid; border-top:0px; color:#333; background:#fff; border-bottom:1px #fff solid;}
.act_citytab .city_nol{float:left; cursor:pointer; height:38px; line-height:38px; padding:0 20px; border:1px #ccc solid; border-top:0px; border-left:0px;color:#fff; border-bottom:1px #ccc solid;}
.act_ionfoCon{ height:502px; width:639px;}
.actcity_inner_ttl{ height:30px; line-height:30px; padding-left:15px; clear:both; font-size:14px; font-weight:bold;font-family:"微软雅黑",Arial, Helvetica, sans-serif;}

.act_info_list{ width:624px; height:210px; padding:5px 7px 5px 8px; border-bottom:1px #ccc dashed;}
.fabuhui_list{ width:624px; height:200px; padding:0px 7px 0px 8px;}
dl.act_infolist{float:left; width:146px; height:200px; margin:0px 5px; display:inline; overflow:hidden;}
dl.act_infolist dt{ height:100px; width:140px; padding:2px; border:1px #ccc solid; background:#fff; overflow:hidden;}
dl.act_infolist dd{ height:88px; width:136px; padding:6px 5px 0px;}
dl.act_infolist dd .act_inttl{ height:44px;width:136px; overflow:hidden; line-height:22px; color:#333;font-weight:bold;}
dl.act_infolist dd .act_inttl a{color:#333;}
dl.act_infolist dd .date{ height:22px; line-height:22px; color:#666;}
dl.act_infolist dd .mind{height:22px; line-height:22px; color:#666; }

.comment_mc{float:left; width:319px; height:580px; }
.comment_mc_news{width:318px; height:352px;border:1px #ccc solid; border-left:0px; overflow:hidden;}
.comment_mc_banner{ width:319px; height:228px; overflow:hidden; clear:both;}
.comment_mc_banner2{ width:319px; height:100px; overflow:hidden; clear:both;}
.comment_mcttl{float:left; height:38px; width:318px; border-bottom:1px #ccc solid; background-position:-640px -230px;}
.comment_picnews{float:left; height:128px; width:300px; padding:15px 9px; border-bottom:1px #ccc dashed;}
.comment_textnews{float:left;height:140px; width:300px; padding:7px 9px; border-bottom:1px #ccc dashed;}