@charset "utf-8";
/* CSS Document */
/*******************************A8-newSite Layout*************************************/
#wrapper{ width:100% !important;  /* IE7+FF */width:100%; /* IE6 */}/*Control Site Outside*/
.indexBodyBg{background:url(../images/css_bg/bodybg.jpg) top center no-repeat;}
.container{width:960px; margin:0 auto;}/*Page Container*/
#header{ width:100%;height:160px;background:url(../images/css_sprites/sprites_x.gif) 0px -1000px repeat-x;}/*Header*/
#site_quick{width:108px;margin-top:5px; font-size:12px; overflow:hidden;}
#sec_quick{width:260px;}
#logo{ height:75px; width:134px; overflow:hidden; padding-top:5px;}/*Logo*/
#h_search{width:300px; height:30px; margin-left:156px; margin-top:30px; display:inline;}
#main_nav{float:left;width:690px; height:40px;}/*Main Navigation*/
#sub_nav{ height:30px; display:none;}/*Sub Navigation*/
#side_nav{}/*Side Navigation*/
#side_bar{}/*Side Bar*/
#ads_banner{ width:960px; height:100px; overflow:hidden;}/*Content*/
#hot_infoshow{width:960px; height:360px;}/*Flash And HotNews*/
#footer{ width:100%; height:237px; background-position:0px -100px; background-repeat:repeat-x;}/*Footer*/
#breadcrumb_nav{ width:960px; height:30px; line-height:30px; clear:both;}/*BreadcrumbNavigation--Location-based--SitePoint*/
#playpage_top{ height:42px; line-height:42px; width:100%; overflow:hidden;}/*playerpage top menu*/
#textpage_top{ height:42px; line-height:42px; width:100%; overflow:hidden;}/*textpage top menu*/
#leave_msg{ width:620px;}

/******************Site divide left middle right or other************************/
.textpage_left{float:left; width:633px;  border:1px #ccc solid; overflow:hidden;}
.textpage_right{ float:left; width:319px;overflow:hidden; margin-left:5px; display:inline; border-left:1px #ccc solid;}

/******************sitepoint*********************************/
.sitepoint{float:left; height:30px; width:660px; line-height:30px;color:#333;}
.sitepoint a{ color:#333; padding:0px 5px;}
.sitepoint a:hover{ color:#333;}

/******************type*********************************/
.com_wrap{ width:960px; border-collapse:collapse;}
.main_oper{ width:960px; height:80px;}
.main_headlft{float:left;width:700px; height:160px; overflow:hidden;}
.main_headrit{float:left;width:260px; height:160px; overflow:hidden;}
.top_hot{float:left; height:80px; width:250px;}
.top_hot_pic{height:120px; padding-top:13px; width:260px; overflow:hidden; display:block;}
.more{float:right; width:45px; text-align:left; height:22px; line-height:22px; margin-top:9px; margin-right:20px; display:inline; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:12px; color:#fff; background-position:30px 5px; background-repeat:no-repeat; overflow:hidden; font-weight:bold;}
.more a{float:left; width:45px; height:22px;color:#fff;}
.more a:hover{float:left; width:45px; height:22px;color:#fff;}

.more_hei{float:right; width:45px; text-align:left; height:22px; line-height:22px; margin-top:9px; margin-right:20px; display:inline; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:12px; color:#fff; background-position:30px -19px; background-repeat:no-repeat; overflow:hidden; font-weight:bold;}
.more_hei a{float:left; width:45px; height:22px;color:#333;}
.more_hei a:hover{float:left; width:45px; height:22px;color:#333;}


.itemsShow{float:right; cursor:pointer; width:45px; height:20px; margin-top:10px; margin-right:20px; display:inline; background:url(../images/css_bg/arrow_txt.gif) 0 0 no-repeat;overflow:hidden; }
.itemsHide{float:right; cursor:pointer; width:45px;  height:20px; margin-top:10px; margin-right:20px; display:inline; background:url(../images/css_bg/arrow_txt.gif) 0 -20px no-repeat; overflow:hidden; }

/*****************Login After***********************/

.black_downArrow{ background:url(../images/css_sprites/login_arrow.gif) 0px 0px no-repeat;}
.black_upArrow{ background:url(../images/css_sprites/login_arrow.gif) 0px -25px no-repeat;}
.gray_downArrow{ background:url(../images/css_sprites/login_arrow.gif) 0px -50px no-repeat;}
.gray_upArrow{ background:url(../images/css_sprites/login_arrow.gif) 0px -75px no-repeat;}

.gray_loginBfo{height:27px; line-height:24px; text-align:center; color:#333; overflow:hidden; background:url(../images/css_sprites/login.gif) 0px -60px no-repeat;}
.gray_loginBfo a{color:#333;}
.gray_loginAft{height:27px; width:108px; line-height:24px; text-align:center; margin-top:5px; font-size:12px; color:#333; overflow:hidden; background:url(../images/css_sprites/login.gif) 0px -100px no-repeat;}
.gray_down{height:27px;  line-height:24px; margin:0 auto; cursor:pointer; clear:both; padding:0px;}
.gray_down .textAft{float:left;height:272px;width:80px; text-align:center; line-height:24px; font-weight:bold;}
.gray_down .textAft a{ color:#333;}
.gray_down .down_arrow{ float:left;height:24px; width:15px; display:block; overflow:hidden; }

.gray_droplist{ position:absolute;width:108px; background:#f2f2f2;line-height:24px; text-align:center; margin-left:0px;*margin-left:-54px; margin-top:-27px; z-index:888; }
.gray_droplist ul{float:left;margin:0; padding:0px;}
.gray_droplist ul li{float:left; height:24px; line-height:24px; width:108px; text-align:left;}
.gray_droplist ul li a{float:left; height:24px; line-height:24px; width:83px; padding-left:25px;  color:#333; text-decoration:none;}
.gray_droplist ul li a:hover{float:left; height:24px; line-height:24px; width:83px;color:#fff; background:#2d9000; text-decoration:none;}


.black_loginBfo{height:22px;line-height:22px; text-align:center;color:#fff; overflow:hidden; background:url(../images/css_sprites/login.gif) 0px 0px no-repeat;}
.black_loginBfo a{color:#fff;}
.black_loginAft{height:22px; width:108px; line-height:22px; text-align:center; margin-top:5px; font-size:12px; color:#fff; overflow:hidden; background:url(../images/css_sprites/login.gif) 0px -30px no-repeat;}
.black_down{height:22px;  line-height:22px; margin:0 auto; cursor:pointer; clear:both; padding:0px;}
.black_down .textAft{float:left;height:272px;width:80px; text-align:center; line-height:22px; font-weight:bold;}
.black_down .textAft a{color:#fff;}
.black_down .down_arrow{ float:left;height:22px; width:15px; display:block; overflow:hidden; }

.black_droplist{ position:absolute;width:108px; background:#333;line-height:24px; text-align:center; margin-left:0px;*margin-left:-54px; margin-top:-22px; z-index:888; }
.black_droplist ul{float:left;margin:0; padding:0px;width:108px;}
.black_droplist ul li{float:left; height:22px; line-height:22px; width:106px; text-align:left;}
.black_droplist ul li a{float:left; height:22px; line-height:22px; width:83px; padding-left:25px;  color:#fff; text-decoration:none;}
.black_droplist ul li a:hover{float:left; height:22px; line-height:22px; width:83px;color:#333; background:#fff; text-decoration:none;}



/*****************operating bar*****************/
.a_oper{float:left; width:96px; height:40px;}
.a_oper a{float:left; height:40px; width:24px; overflow:hidden; display:block;}
.a_oper a.jia{ background-position:0px 0px; background-repeat:no-repeat;}
.a_oper a.jia:hover{background-position:0px -40px; background-repeat:no-repeat;}
.a_oper a.xin{background-position:-24px 0px; background-repeat:no-repeat;}
.a_oper a.xin:hover{background-position:-24px -40px; background-repeat:no-repeat;}
.a_oper a.down{background-position:-48px 0px; background-repeat:no-repeat;}
.a_oper a.down:hover{background-position:-48px -40px; background-repeat:no-repeat;}
.a_oper a.ting{background-position:-72px 0px; background-repeat:no-repeat;}
.a_oper a.ting:hover{background-position:-72px -40px; background-repeat:no-repeat;}
.a_oper a.levmsg{background-position:-96px 0px; background-repeat:no-repeat;}
.a_oper a.levmsg:hover{background-position:-96px -40px; background-repeat:no-repeat;}

.a_oper_mh{float:left; width:96px; height:20px;}
.a_oper_mh a{float:left; height:20px; width:24px; overflow:hidden; display:block;}
.a_oper_mh a.jia{ background-position:0px -10px; background-repeat:no-repeat;}
.a_oper_mh a.jia:hover{background-position:0px -50px; background-repeat:no-repeat;}
.a_oper_mh a.xin{background-position:-24px -10px; background-repeat:no-repeat;}
.a_oper_mh a.xin:hover{background-position:-24px -50px; background-repeat:no-repeat;}
.a_oper_mh a.down{background-position:-48px -10px; background-repeat:no-repeat;}
.a_oper_mh a.down:hover{background-position:-48px -50px; background-repeat:no-repeat;}
.a_oper_mh a.ting{background-position:-72px -10px; background-repeat:no-repeat;}
.a_oper_mh a.ting:hover{background-position:-72px -50px; background-repeat:no-repeat;}


.a_play_sc{float:left; height:38px; line-height:38px; color:#333; width:90px; padding-left:30px; overflow:hidden; display:block; background:url(../images/css_bg/a_play_sc.jpg) 0 0 no-repeat;}
.a_play_sc:hover{ color:#333; text-decoration:none;}
.a_play_xz{float:left; height:38px; line-height:38px; color:#333; width:120px; padding-left:30px; overflow:hidden; display:block; background:url(../images/css_bg/a_play_xz.jpg) 0 0 no-repeat;}
.a_play_xz:hover{ color:#333; text-decoration:none;}
.a_play_ss{float:left; height:38px; line-height:38px; color:#333; width:120px; padding-left:30px; overflow:hidden; display:block; background:url(../images/css_bg/a_play_ss.jpg) 0 0 no-repeat;}
.a_play_ss:hover{ color:#333; text-decoration:none;}


/*************album ang picture cover*************/
dl.im_tuijian .single,dl.im_tuijian .MV,dl.im_tuijian .EP,dl.im_tuijian .album{ height:160px; width:216px;background:url(../images/css_sprites/album.gif)}
dl.im_tuijian .single{ position:absolute; z-index:999; background-position:0px 0px; background-repeat:no-repeat;}
dl.im_tuijian .MV{ position:absolute; z-index:999; background-position:0px -160px; background-repeat:no-repeat;}
dl.im_tuijian .EP{ position:absolute; z-index:999;background-position:0px -320px; background-repeat:no-repeat;}
dl.im_tuijian .album{ position:absolute; z-index:999;background-position:0px -480px; background-repeat:no-repeat;}


/******************change background picture of button*******************/
.lun_lt_btn{ height:230px; width:20px;}
.lun_lt_btn a{float:left; height:230px; width:20px; background:url(../images/css_bg/piclun_right_nol.jpg) 0 0 no-repeat;}
.lun_lt_btn a:hover{float:left; height:230px; width:20px; background:url(../images/css_bg/piclun_right_hover.jpg) 0 0 no-repeat;}

.lun_rt_btn{ height:230px; width:20px;}
.lun_rt_btn a{float:left; height:230px; width:20px; background:url(../images/css_bg/piclun_left_nol.jpg) 0 0 no-repeat;}
.lun_rt_btn a:hover{float:left; height:230px; width:20px; background:url(../images/css_bg/piclun_left_hover.jpg) 0 0 no-repeat;}

.com_button{ height:20px; display:inline; line-height:20px; color:#fff;}
.com_button a{float:left;height:20px;color:#fff; display:block; cursor:pointer; text-decoration:none;}
.com_button a:hover{float:left;height:20px;color:#fff; display:block; cursor:pointer; text-decoration:none;}
.com_button a .a_btnlt{float:left; height:20px; width:10px; overflow:hidden; background-position:0px -150px; background-repeat:no-repeat;}
.com_button a .a_btnmid{float:left; height:20px; padding:0px 5px;overflow:hidden; background-position:0px -175px; background-repeat:repeat-x;}
.com_button a .a_btnrt{float:left; height:20px; width:10px; overflow:hidden; background-position:-40px -150px;background-repeat:no-repeat;}

.com_oper{ height:30px; padding-right:30px; line-height:30px; clear:both;}

/**************number of list**************/
.listNO,.listNO1,.listNO2,.listNO3,.listNOhot{background-repeat:no-repeat;}
.listNO{width:26px; font-family:Arial, Helvetica, sans-serif; font-style:normal;font-size:12px; font-weight:bold; color:#fff; text-align:center; background-position:0px -110px;}
.listNOhot{width:26px; font-family:Arial, Helvetica, sans-serif; font-style:normal;font-size:12px; font-weight:bold; color:#fff; text-align:center; background-position:0px -130px;}
.listNO1{width:34px; height:16px; overflow:hidden;  background-position:0px -50px;}
.listNO2{width:34px; height:16px; overflow:hidden;  background-position:0px -70px;}
.listNO3{width:34px; height:16px; overflow:hidden;  background-position:0px -90px;}

/***************picture news list****************/
.picnews_list{width:280px;}
.picnews_list li{float:left;height:54px; width:300px; margin-top:10px; overflow:hidden;}
.picnews_list li .pic_pic{float:left; height:48px; width:66px; padding:2px; background:#fff; border:1px #ccc solid; overflow:hidden;}
.picnews_list li .pic_text {float:left; height:54px;width:220px; padding-left:8px;}
.picnews_list li .pic_text  .pt_ttl{ color:#333; height:36px; line-height:18px; width:220px; overflow:hidden; font-size:14px;}
.picnews_list li .pic_text  .pt_ttl a{color:#333;}
.picnews_list li .pic_text  .pt_date{ color:#666; height:18px; line-height:18px; width:220px; overflow:hidden;}

/***************textnews list****************/
.textnews_list{width:100%; margin:0; padding:0;}
.textnews_list li{height:28px; line-height:28px; font-size:14px;padding-left:20px; clear:both;  background-position:-32px 6px; background-repeat:no-repeat; overflow:hidden;}
.textnews_list li a{ color:#333;}


/************ding and cai**************/
a.btn_ding{float:left;height:50px; width:95px; background:url(../images/css_bg/ding.jpg) 0 0 no-repeat; display:block; text-decoration:none; text-align:center; font-weight:bold;}
a.btn_ding:hover{ text-decoration:none;}
a.btn_ding .click_num{ height:30px; line-height:30px; width:75px; padding:0px 10px; color:#fff;text-decoration:none;}
a.btn_cai{ float:left; height:50px; width:95px; background:url(../images/css_bg/cai.jpg) 0 0 no-repeat;display:block; text-decoration:none; text-align:center; font-weight:bold;}
a.btn_cai:hover{ text-decoration:none;}
a.btn_cai .click_num{ height:30px; line-height:30px; width:75px; padding:0px 10px; color:#fff;text-decoration:none;}

a.fenliu{ height:25px; width:69px; padding:12px 10px 13px 10px; overflow:hidden;}

/************common title style**************/
.com_title{ height:38px; line-height:38px; clear:both; border:1px #ccc solid; border-left:0px; border-right:0px; background-position:0px -450px; background-repeat:repeat-x; overflow:hidden;}
.comttl_txt1{float:left; padding-left:20px; font-size:18px;font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-weight:bold;}
.comttl_txt2{float:left; padding-left:20px; font-size:16px;font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-weight:bold;}
.comttl_txtnum{float:left; padding-left:20px; font-size:12px; font-weight:bold; color:#666;}
.comttl_txtinfo{float:right; padding-right:20px; font-size:12px; color:#666;}

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

/***********************Left  MusicList song**********************/
.lt_music_list{ margin:0; padding:0; width:639px; overflow:hidden;}
.lt_music_list li{float:left;cursor:pointer;height:40px; line-height:40px; width:609px; padding:0px 15px; border-bottom:1px #ccc dashed;}
.lt_music_list li.hover{height:40px;background:#fff66d;}
.lt_music_list li .check{float:left; width:24px; height:20px; *+padding-top:10px !important;padding-top:14px;_padding-top:10px;}
.lt_music_list li .song{float:left; width:170px;height:40px; line-height:40px; overflow:hidden;}
.lt_music_list li .song a{ color:#999;}
.lt_music_list li .tongji{float:left; width:300px; color:#999; padding-right:10px;}
.lt_music_list li .tongji .tjnum{float:left; width:90px; padding-right:10px; color:#999; text-align:right;}
.lt_music_list li .tongji .per_bar{float:left; width:200px; height:10px; padding:15px 0px; overflow:hidden; overflow:hidden;}
.lt_music_list li .quan{float:left; width:40px;}
.lt_music_list li .link{float:left; width:200px; color:#650098;}
.lt_music_list li .link a{ color:#650098; text-decoration:underline;}


/**********************Player Page Block******************************/
.player_block{ width:960px;height:271px; background:url(../images/css_bg/player_block.png) 0 0 no-repeat;}
.player_block .pybk_left{float:left; height:271px; width:640px; overflow:hidden;}
.player_block .pybk_right{float:left; height:271px; width:320px; overflow:hidden;}
.play_state_yc{float:left; height:50px; width:50px; overflow:hidden; background:url(../images/css_bg/yc.png) 0 0 no-repeat;}
.play_state_fc{float:left; height:50px; width:50px; overflow:hidden; background:url(../images/css_bg/fc.png) 0 0 no-repeat;}
.play_state_bz{float:left; height:50px; width:50px; overflow:hidden; background:url(../images/css_bg/bz.png) 0 0 no-repeat;}
.play_state_fx{float:left; height:50px; width:50px; overflow:hidden; background:url(../images/css_bg/fx.png) 0 0 no-repeat;}
.play_state_dj{float:left; height:50px; width:50px; overflow:hidden; background:url(../images/css_bg/dj.png) 0 0 no-repeat;}

.play_title{float:left; height:42px; line-height:42px; padding-top:8px; width:570px; overflow:hidden;}
.play_title .big_txt{ font-size:20px; color:#333; height:42px; line-height:42px;}
.play_title .small_txt{ font-size:13px; padding-left:20px; color:#333; height:42px; line-height:42px;}

.play_player{ width:570px; padding:0px 20px 0px 50px;}
.play_flash{float:left; height:74px; width:306px; overflow:hidden;}

.play_xihuan{float:left; height:50px; width:256px; padding:12px 0px 12px 8px;}
.play_xihuan .heart{float:left; width:35px; height:31px; padding:9px 10px 9px 9px; overflow:hidden; background:url(../images/css_bg/heartbg.jpg) 0 0 no-repeat;}
.play_xihuan .heart a{float:left; width:35px; height:31px; background:url(../images/css_bg/heart.gif) 0 0 no-repeat;}
.play_xihuan .heart a:hover{float:left; width:35px; height:31px; background:url(../images/css_bg/heart_act.gif) 0 0 no-repeat;}
.play_xihuan .heart a.act{float:left; width:35px; height:31px; background:url(../images/css_bg/heart_act.gif) 0 0 no-repeat;}
.play_xihuan .txt_per{float:left; padding-left:2px; width:200px; height:50px; overflow:hidden;}
.play_xihuan .txt_per .txt_info{ height:15px; width:200px; line-height:15px; color:#999; overflow:hidden;}
.play_xihuan .txt_per .per_info{ height:10px; width:200px;overflow:hidden;}

.play_a_bar{ height:38px; clear:both; padding-left:50px;}
.play_share{ height:25px; line-height:25px; clear:both; padding-left:50px;}
.play_share .play_zhuan{float:left; padding-left:50px;}
.play_share .play_zhuan a{float:left; height:16px; width:16px; margin-left:5px; margin-right:5px; margin-top:4px; display:inline; overflow:hidden;}

dl.play_rit{float:left;height:120px; width:280px; margin-left:20px; margin-top:20px; display:inline; overflow:hidden;}
dl.play_rit dt{float:left; height:114px; width:114px; padding:2px; border:1px #ccc solid; background:#fff;}
dl.play_rit dd{float:left; height:100px; line-height:25px; width:140px; padding:10px;}
dl.play_rit dd .rowsline{ height:25px; line-height:25px;}

.play_gz{ height:66px; width:256px; padding:0px 32px 0px 32px; overflow:hidden; }
.play_gz ul{float:left;height:50px; width:256px; padding:8px 0px;background:url(../images/css_bg/play_gz.jpg) 0 0 no-repeat;}
.play_gz ul li{float:left; height:50px; line-height:25px; width:64px; color:#333; text-align:center; overflow:hidden;}
.play_gz ul li .hotnumfb{ font-weight:bold; color:#ff5500; clear:both; font-size:14px;}