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

/************Music P****************/
.star_scroller{width:318px; height:891px; overflow:hidden;border-bottom:1px #ccc solid;border-right:1px #ccc solid; }
.music_people{ width:318px; padding:3px 0px 0px 0px; }
.music_people li{width:300px; height:78px;padding:0px 9px; border-bottom:1px #ccc dashed;}
.music_people li .pic{float:left; height:54px; width:54px; overflow:hidden; padding:2px; background:#fff; border:1px #ccc solid; margin:9px 0px;}
.music_people li .text{float:left; height:60px; line-height:20px; width:230px; padding:9px 0px; padding-left:10px; overflow:hidden;}


.music_p_tabbox{ height:39px; width:600px;}
.music_p_tabbox .tab_act{ float:left;height:38px; line-height:38px; width:101px; cursor:pointer; color:#ff5500; font-size:18px;text-align:center; border-bottom:none; border-right:1px #ccc solid; background:#fff; border-bottom:1px #fff solid;}
.music_p_tabbox .tab_nol{ float:left;height:38px; line-height:38px; width:100px; cursor:pointer; color:#333;font-size:18px;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;}
.music_p_con{float:left; height:562px; width:639px;overflow:hidden;}
.music_pLun{float:left; height:510px; width:600px;overflow:hidden; margin:0px 20px 0px  19px; display:inline;}
.pic_mcLun #mp_ulPlay{z-index:200;}
.mcLun_pic_lun {float:left;width:900px;height:230px;overflow:hidden;*zoom:1;}
.mp_ulhuan{width:6000px;}
.mp_ulhuan li{ float:left;width:600px; height:510px; overflow:hidden;}


.music_pLunBar{ height:50px;width:500px;overflow:hidden; padding:0px 0px 0px  199px; border-bottom:1px #ccc solid; border-top:1px #ccc solid; text-align:center;}
.music_pLunBar a.mp_alft{float:left; margin-right:20px; display:inline;height:50px; width:20px; overflow:hidden; background:url(../images/css_bg/mp_lft_nol.gif) 0 0 no-repeat;}
.music_pLunBar a.mp_alft:hover{float:left;height:50px; width:20px; overflow:hidden; background:url(../images/css_bg/mp_lft_act.gif) 0 0 no-repeat;}
.music_pLunBar a.mp_arit{float:left; margin-left:20px; display:inline;height:50px; width:20px; overflow:hidden; background:url(../images/css_bg/mp_rit_nol.gif) 0 0 no-repeat;}
.music_pLunBar a.mp_arit:hover{float:left;height:50px; width:20px; overflow:hidden; background:url(../images/css_bg/mp_rit_act.gif) 0 0 no-repeat;}
.music_pLunBar .mp_pointOper{float:left;height:25px; margin-top:10px;}
.music_pLunBar .mp_pointOper span{display:inline-block;width:14px;height:13px;margin:5px 2px 0;background:url(../images/css_sprites/mp_lunpoint2.gif) 0px 0px no-repeat;cursor:pointer;overflow:hidden;line-height:0;}
.music_pLunBar .mp_pointOper span.on{background-position:0 -12px;}
.music_pLunBar #mp_numInner{background:none;padding:3px 0 0 0;text-align:center;}




.mp_inner_box{float:left;width:639px; height:194px; }
.mp_sm_news{float:left; width:359px;height:194px;border-right:1px #ccc solid; overflow:hidden;}
.mp_sm_news .ttl{ height:38px; width:359px; overflow:hidden; border-bottom:1px #ccc solid;}
.mp_sm_news ul{ float:left; padding:15px 0px;}
.mp_sm_news ul li{float:left; height:24px; line-height:24px; font-size:14px;width:245px; padding-left:20px; background-position:-32px 6px; background-repeat:no-repeat; overflow:hidden;}
.mp_sm_news ul li a{ color:#333;}

.mp_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;}


.music_plistCon{float:left;width:639px;overflow:hidden; }
.music_plist{ width:639px; padding:10px 0px; overflow:hidden;}
.music_plist li{float:left;height:40px;border-bottom:1px #ccc dashed; width:300px; margin-left:15px; overflow:hidden; display:inline;}
.music_plist li .news_info{float:left; width:218px; height:40px; line-height:40px; padding-left:5px;}
.music_plist li .news_info a{ color:#333;}
.music_plist li .num{float:left;margin-top:12px;}
.music_plist li .check{float:left; width:24px; height:20px; *+padding-top:10px !important;padding-top:14px;_padding-top:10px;}
.music_plist li .songinfo{float:left; padding-left:5px; height:40px; line-height:40px; width:215px; color:#999; overflow:hidden;}
.music_plist li .songinfo a{color:#999;}
.music_plist li .tingicon{ width:48px!important;}
.music_plist li.btns{ height:40px; margin-left:15px; display:inline; width:615px !important; overflow:hidden; border-bottom:0px !important;}
.music_plist li.btns .quan{float:left; width:40px; height:40px; line-height:40px;}
.music_plist li.btns .link{float:left; width:200px; height:40px; line-height:40px; color:#650098;}
.music_plist li.btns .link a{ color:#650098; text-decoration:underline;}

.music_p_huod{float:left;width:639px; padding-bottom:20px;}
dl.mp_huod{float:left; width:260px; height:215px; margin-left:40px; margin-top:20px;display:inline;}
dl.mp_huod dt{float:left;height:140px;width:260px; width:260px; overflow:hidden;}
dl.mp_huod dd{float:left;height:25px;width:260px; line-height:25px; clear:both;}


/*************************The Change Tab Of Title*******************************/
.cgcom_title{height:39px;  clear:both; border-top:1px #ccc solid; background-position:0px -500px; background-repeat:repeat-x; overflow:hidden;}
.cgcom_title .cg_ttlleft{float:left; height:38px; line-height:38px;}
.cgcom_title .cg_title_Bar{float:left;height:32px; padding-top:7px; padding-left:50px;}
.cgcom_title .cg_title_Bar .tab_nol{float:left; height:32px; cursor:pointer; line-height:32px; color:#333; padding:0px 10px; border:0px;}
.cgcom_title .cg_title_Bar .tab_act{float:left; height:30px; cursor:pointer; line-height:30px; color:#333;padding:0px 10px; border:1px #ccc solid; border-bottom:1px #fff solid; background:#fff;}

/********************NewsList***********************/
.right_showinfo{float:left;width:318px; border-right:1px #ccc solid; clear:both; padding-top:10px;}
.newspage_list{ width:600px; padding:10px 19px 10px 20px;}
.newspage_list .libox{float:left; width:600px; padding-bottom:5px; border-bottom:1px dashed #ccc;}
.newspage_list .libox .readall{ padding-left:10px; color:#06d; text-decoration:underline;}
.newspage_newttl{width:600px; height:50px; line-height:50px; font-size:14px; font-weight:bold;}
.newspage_newttl a{ color:#333;}
.newspage_tpic{float:left;}
.newspage_newtextall{float:left; width:600px;padding-right:10px; font-size:14px; color:#666;  line-height:22px;}
.newspage_newtext{float:left; width:440px;padding-right:10px;font-size:14px; color:#666; line-height:22px;}
.newspage_newpic{float:left;height:100px; clear:right; width:140px; padding:2px; border:1px #ccc solid; background:#fff; overflow:hidden;}
.newspage_date{ height:32px; line-height:32px; color:#999; clear:both;}


/**********picture page***************/

.picturePage{float:left;width:958px; border:1px #ccc solid; border-top:0px;}
.picturePage .pic_fenye{float:left;width:598px; padding:0px 180px; }
.pictureList {float:left;width:900px;overflow:hidden; padding:20px 29px;}
.pictureList ul{width:900px; margin:0; padding:0;}
.pictureList li{ float:left;width:160px; height:230px; overflow:hidden; margin-left:10px; margin-right:10px; margin-bottom:15px; display:inline;}
.pictureList li .pic{width:160px; height:200px; overflow:hidden;}
.pictureList li .text{width:160px; height:30px; line-height:30px; color:#333; text-align:center; font-size:14px;}
.pictureList li .text a{color:#333; }

/**********album page***************/

.album_List {float:left;width:958px;overflow:hidden;}
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;}



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; }

/**********yuanchuan Music List***************/
.yc_song_listCon{float:left;width:958px;overflow:hidden; }
.yc_song_list{ width:938px; padding:10px; overflow:hidden;}

.yc_song_list li.th{float:left;height:38px;line-height:38px;border:1px #ccc dashed; background:#f4fce3; width:936px; overflow:hidden; display:inline;}
.yc_song_list li.th .check{float:left; width:24px; height:20px; *+padding-top:10px !important;padding-top:8px;_padding-top:10px;}
.yc_song_list li.th .single_name{float:left; width:300px; height:40px; line-height:40px; padding-left:5px;color:#333;}
.yc_song_list li.th .single_name a{ color:#999;}
.yc_song_list li.th .listenNum{float:left; width:210px;}
.yc_song_list li.th .songtype{float:left; width:60px;text-align:center;}
.yc_song_list li.th .updatetime{float:left; width:90px; }
.yc_song_list li.th .single_opertxt{float:left; width:44px; text-align:center;}

.yc_song_list li{float:left;height:40px;line-height:40px;border-bottom:1px #ccc dashed; width:938px; overflow:hidden; display:inline;}
.yc_song_list li .check{float:left; width:24px; height:20px; *+padding-top:2px !important;padding-top:14px;_padding-top:10px;}
.yc_song_list li .single_name{float:left; width:300px; height:40px; line-height:40px; padding-left:5px;color:#999;}
.yc_song_list li .single_name a{ color:#999;}
.yc_song_list li .listenNum{float:left; width:210px;}
.yc_song_list li .listenNum .numtxt{float:left; height:40px; width:80px; line-height:40px; color:#999; text-align:left;}
.yc_song_list li .listenNum .per_single{float:left; height:10px; width:100px; padding:15px 10px; overflow:hidden;}
.yc_song_list li .songtype{float:left; width:60px; text-align:center;}
.yc_song_list li .updatetime{float:left; width:90px;}
.yc_song_list li .single_oper{float:left; width:24px; padding:0px 10px;}
.yc_song_list li.single_btnli .quan{float:left; width:60px; height:40px; line-height:40px; padding-left:5px;}
.yc_song_list li.single_btnli .single_link{float:left; width:200px; height:40px; line-height:40px; color:#650098; padding-left:20px;}
.yc_song_list li.single_btnli .single_link a{ color:#650098; text-decoration:underline;}