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

/*****************Site Head Layout*******************/
.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;}


/*****************Site Quick*******************/
.q_register{width:66px;color:#fff; text-align:center;}
.q_login{ width:42px;color:#fff;text-align:center;}

.top_hot{float:left; height:80px; width:250px;}
.top_hot_pic{height:120px; padding-top:13px; width:260px; overflow:hidden; display:block;}

/*****************Site Search******************/
.h_search{float:left;width:300px;height:30px;position:relative; font-size:12px;}
.h_search .option_selected{float:left;width:50px;height:25px;padding:5px 0px 0px 10px;overflow:hidden;background:url(../images/css_sprites/search.gif) 0px 0px no-repeat;}
.h_search .option_selected a{float:left;width:40px;height:19px;line-height:19px;padding:2px 2px 2px 8px;color:#666;text-decoration:none;}
.h_search .option_selected a:hover{color:#393;	}
.h_search .option_list{position:absolute;left:5px;top:28px;width:50px;z-index:999;border-style:solid;border:0px;background:#f2f2f2;display:none;}
.h_search .option_list ul{width:50px;overflow:hidden;}
.h_search .option_list ul li{width:50px;height:19px;line-height:19px;text-align:center;border-left:1px solid #eee;margin-left:-1px;float:left;}
.h_search .option_list ul li a{display:block;width:50px;height:19px;color:#333;}
.h_search .option_list ul li a:hover{color:#333;background:#ccc;}
.h_search .option_list ul li.selected a,.h_search .option_list ul li.selected a:hover{background:#2d9000;color:#fff;}
.h_search .search_box{float:left;height:30px;background:url(../images/css_sprites/search.gif) 0px -40px no-repeat;overflow:hidden;}
.h_search .search_box input{float:left;width:200px;height:19px;line-height:19px;padding:2px ;font-size:14px;color:#666;font-size:12px;border:0px;margin-top:4px;background:none;}
.h_search .search_box button{float:left;width:30px;height:30px;border:0px;background:url(../images/css_sprites/search.gif) 0px -80px no-repeat;cursor:pointer;font-size:0px;line-height:0px;text-indent:-9999px;overflow:hidden;}

/********************Site Menu nol nav*********************/
.nol_nav{float:left; height:24px;  line-height:24px;margin-top:6px; margin-left:14px;}
.nol_nav .nolnav_title{float:left; height:24px; width:80px; overflow:hidden; background:url(../images/css_bg/a8madettl.gif) 0 0 no-repeat;}
.nol_nav ul{float:left; height:22px; background:#fff; border-bottom:1px #dcdcdc solid; border-top:1px #dcdcdc solid;padding:0; margin:0; }
.nol_nav ul li{float:left; height:22px; background:url(../images/css_bg/nolnav_li.gif) 0px 4px no-repeat; padding-left:20px; padding-right:20px;}
.nol_nav ul li a{ color:#333;}
.nol_nav .nolnav_over{float:left; height:24px; width:10px; overflow:hidden; background:url(../images/css_bg/a8madeover.gif) 0 0 no-repeat;}

/*****************login Box*******************/
.loginBox{ position:absolute; z-index:1000; margin-left:10px;*margin-left:-130px; margin-top:22px; height:252px; width:240px; padding:13px 5px 5px 5px; background:url(../images/css_bg/loginBox.gif) 0 0 no-repeat; display:none;}
.loginBox a{ color:#2d9000; text-decoration:underline;}
.loginBox a:hover{ color:#2d9000; text-decoration:underline;}
.loginBox .textrows{ width:180px; height:24px;line-height:24px; padding:0px 30px; clear:both;}
.loginBox .textrows .shuru{float:left; height:22px; line-height:22px; width:176px; border:0px; background:none;}
.loginBox .btnrows{ width:70px; height:30px; padding:10px 20px 12px 150px;clear:both;}
.loginBox .btnrows a{float:left; width:70px; height:30px;}
.loginBox .otherweibo{ width:220px; height:32px; line-height:32px; text-align:center; color:#2d9000; padding:0px 10px;clear:both;}
.loginBox .loginclose{ width:22px; height:20px; padding:22px 10px 10px 208px; overflow:hidden;clear:both;}
.loginBox .loginclose a{float:left;width:22px; height:20px;}


/*****************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{width:108px;height:22px; line-height:22px; margin:0 auto; cursor:pointer; clear:both; padding:0px;}
.black_down .textAft{float:left;height:22px;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; top:5px; z-index:999;  }
.black_droplist ul{margin:0; padding:0px;width:108px;}
.black_droplist ul li{height:22px; line-height:22px; width:108px; text-align:left;}
.black_droplist ul li a{height:22px; line-height:22px; width:83px; padding-left:25px;color:#fff; text-decoration:none; display:block;}
.black_droplist ul li a:hover{height:22px; line-height:22px;width:83px;color:#333; background:url(../images/css_bg/blackarrow.gif) 0 0 no-repeat;text-decoration:none;display:block;}

/*****************Site Main Menu*******************/
#menu {float:left;width:690px; height:40px; display:block; background:url(../images/css_bg/menu_bg.gif) 0 0 no-repeat;}
#nav {display:block; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
#nav .mainlevel_nol {float:left;height:40px; width:84px; line-height:40px; font-size:14px; color:#fff; text-align:center; font-weight:bold;display:inline; overflow:hidden;}
#nav .mainlevel_nol a {float:left; cursor:pointer; height:40px; width:84px;color:#fff; background:none; text-decoration:none;}
#nav .mainlevel_nol a:hover{ background:none !important;text-decoration:none;}
#nav .mainlevel {float:left;height:40px; width:84px; line-height:40px; font-size:14px; color:#fff; text-align:center; font-weight:bold;display:inline; overflow:hidden;}
#nav .mainlevel a {float:left; cursor:pointer; height:40px; width:84px;color:#fff; background:none; text-decoration:none;}
#nav .mainlevel a:hover {float:left; cursor:pointer; height:40px; width:84px; line-height:40px;  font-size:14px; color:#fff; text-align:center; font-weight:bold;background:url(../images/css_bg/li_hover.jpg) center center no-repeat;text-decoration:none;}
#nav li.hover {float:left; cursor:pointer; height:40px; width:84px; line-height:40px;  font-size:14px; color:#fff; text-align:center; font-weight:bold;background:url(../images/css_bg/li_hover.jpg) center center no-repeat;text-decoration:none;}
#nav .main_lidiv{float:left; height:40px; width:2px; background:url(../images/css_bg/li_div.jpg) 0 0  no-repeat; overflow:hidden;}
#nav .mainlevel ul {position:absolute;height:30px; top:120px; margin-left:-70px; *margin-left:-160px; display:none; *width:960px;/*IE is great need, width>=li.length*/}
#nav .mainlevel ul.sub_nav_06 {position:absolute;height:30px; top:120px; margin-left:-230px !important; *margin-left:-320px; display:none; *width:960px;/*IE is great need, width>=li.length*/}
#nav .mainlevel li {float:left; height:30px; line-height:30px; background-position:0px -40px; background-repeat:repeat-x;overflow:hidden;}
#nav .mainlevel li.ltradius{float:left; height:30px; width:18px; background-position:0 0; overflow:hidden; background-repeat:no-repeat; overflow:hidden;}
#nav .mainlevel li.rtradius{float:left; height:30px; width:18px; background-position:0 -80px; overflow:hidden; background-repeat:no-repeat;overflow:hidden;}
#nav .mainlevel li a {padding:0 12px;color:#333; height:30px; width:auto !important; font-size:12px; font-weight:normal; text-decoration:none; line-height:30px; height:30px; display:block; }
#nav .mainlevel li a:hover { height:30px; line-height:30px; font-size:12px; width:auto !important; background:none;color:#2d9000; text-decoration:none;}


/*****************Site second Menu*******************/
#menu_sec {float:left;width:960px; height:40px; display:block; background:url(../images/css_bg/menu_sec.jpg) 0 0 no-repeat;}
#nav_sec {display:block; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
#nav_sec .mainlevel_sec_nol {float:left;height:40px; width:84px; line-height:40px; font-size:14px; color:#fff; text-align:center; font-weight:bold;display:inline; overflow:hidden;}
#nav_sec .mainlevel_sec_nol a {float:left; cursor:pointer; height:40px; width:84px;color:#fff; background:none; text-decoration:none;}
#nav_sec .mainlevel_sec_nol a:hover{ background:none !important;text-decoration:none;}
#nav_sec .mainlevel_sec {float:left;height:40px; width:84px; line-height:40px; font-size:14px; color:#fff; text-align:center; font-weight:bold;display:inline; overflow:hidden;}
#nav_sec .mainlevel_sec a {float:left; cursor:pointer; height:40px; width:84px;color:#fff; background:none; text-decoration:none;}
#nav_sec .mainlevel_sec a:hover {float:left; cursor:pointer; height:40px; width:84px; line-height:40px;  font-size:14px; color:#fff; text-align:center; font-weight:bold;background:url(../images/css_bg/lisec_hover.jpg) center center no-repeat;text-decoration:none;}
#nav_sec li.hover {float:left; cursor:pointer; height:40px; width:84px; line-height:40px;  font-size:14px; color:#fff; text-align:center; font-weight:bold;background:url(../images/css_bg/li_hover.jpg) center center no-repeat;text-decoration:none;}
#nav_sec .main_lidiv{float:left; height:40px; width:2px; background:url(../images/css_bg/li_div.jpg) 0 0  no-repeat; overflow:hidden;}
#nav_sec .mainlevel_sec ul {position:absolute;height:30px; top:120px; margin-left:-70px; *margin-left:-160px; display:none; *width:960px;/*IE is great need, width>=li.length*/}
#nav_sec .mainlevel_sec ul.sub_nav_01 {position:absolute;height:30px; top:120px; margin-left:-70px !important; _margin-left:-100px; display:none; *width:960px;/*IE is great need, width>=li.length*/}
#nav_sec .mainlevel_sec li {float:left; height:30px; line-height:30px; background-position:0px -40px; background-repeat:repeat-x;overflow:hidden;}
#nav_sec .mainlevel_sec li.ltradius{float:left; height:30px; width:18px; background-position:0 0; overflow:hidden; background-repeat:no-repeat; overflow:hidden;}
#nav_sec .mainlevel_sec li.rtradius{float:left; height:30px; width:18px; background-position:0 -80px; overflow:hidden; background-repeat:no-repeat;overflow:hidden;}
#nav_sec .mainlevel_sec li a {padding:0 12px;color:#333; height:30px; width:auto !important; font-size:12px; font-weight:normal; text-decoration:none; line-height:30px; height:30px; display:block; }
#nav_sec .mainlevel_sec li a:hover { height:30px; line-height:30px; font-size:12px; width:auto !important; background:none;color:#2d9000; text-decoration:none;}

/*****************Site Third Menu*******************/
.textpage_top{background-position:0px -400px;  background-repeat:repeat-x;}
.textpage_logo{float:left; height:42px; width:130px; overflow:hidden;}
.textpage_menu{float:left; width:560px; height:42px; padding:0px;}

.textpage_menu ul{float:left; height:42px; line-height:42px; margin:0; padding:0px; font-size:14px; display:inline;}
.textpage_menu ul li.text_left{float:left; height:42px; width:57px; line-height:42px;color:#fff; text-align:center; background:url(../images/css_bg/text_li_left.jpg) 0 0 no-repeat;}
.textpage_menu ul li.text_left a{float:left; height:42px;width:57px; line-height:42px;color:#fff; text-decoration:none; padding:0px;}
.textpage_menu ul li.text_left a:hover{float:left;height:42px;background:none; text-decoration:none;}

.textpage_menu ul li.text_right{float:left; height:42px; width:75px; line-height:42px;color:#fff; text-align:center; background:url(../images/css_bg/text_li_rt.jpg) 0 0 no-repeat;}
.textpage_menu ul li.text_right a{float:left; height:42px;width:75px; line-height:42px;color:#fff; text-decoration:none; padding:0px;}
.textpage_menu ul li.text_right a:hover{float:left;height:42px;background:none; text-decoration:none;}

.textpage_menu ul li{float:left; height:42px; line-height:42px;color:#fff; text-align:center; background:url(../images/css_bg/text_li_mid.jpg) 0 0 repeat-x;}
.textpage_menu ul li a{float:left; height:42px;color:#fff;padding:0px 10px;  line-height:42px;color:#fff; text-decoration:none;}
.textpage_menu ul li a:hover{float:left;height:42px;color:#fff;background:url(../images/css_bg/text_li_hover.jpg) 0 0 no-repeat; text-decoration:none;}
.textpage_menu ul li.line{float:left; height:42px; width:2px; background:url(../images/css_bg/text_li_div.jpg) 0 0 no-repeat; margin:0; padding:0;}

.index_quick{height:24px; width:140px; line-height:24px; margin-top:5px; font-size:12px; color:#333; overflow:hidden;}
.index_quick a{float:left;height:24px; width:60px;color:#333; padding-left:10px; background-position:-42px -53px; background-repeat:no-repeat; overflow:hidden;}

.textpage_quick{height:24px; width:140px; line-height:24px; padding-left:20px; margin-top:5px; font-size:12px; color:#333; overflow:hidden;}
.textpage_quick a{float:left;height:24px; width:60px;color:#333; padding-left:10px; background-position:-42px -53px; background-repeat:no-repeat; overflow:hidden;}


/*****************player header css*******************/
.playpage_top{background-position:0px -350px;  background-repeat:repeat-x;}
.playpage_logo{float:left; height:42px; width:103px; overflow:hidden;}
.playpage_menu{float:left; height:42px; padding-left:30px;}
.playpage_menu ul{float:left; height:42px; line-height:42px; margin:0; padding:0px; font-size:14px;}
.playpage_menu ul li{float:left; height:42px; line-height:42px;color:#fff; text-align:center;}
.playpage_menu ul li a{float:left; height:42px;padding:0px 10px;  line-height:42px;color:#fff; text-decoration:none;}
.playpage_menu ul li a:hover{float:left;height:42px;background:url(../images/css_bg/play_li_hover.jpg) 0 0 no-repeat; text-decoration:none;}
.playpage_menu ul li.line{float:left; height:42px; width:2px; background:url(../images/css_bg/play_li_div.jpg) 0 0 no-repeat; margin:0; padding:0;}
.playpage_quick{height:16px; width:173px; line-height:16px; padding-top:13px; font-size:12px; color:#ff0; overflow:hidden;}
.playpage_quick a{color:#ff0;}
.playpage_register{ width:72px; text-align:center; border-right:1px #bce990 solid;}
.playpage_login{ width:52px; text-align:center; border-right:1px #bce990 solid;}
.playpage_help{ width:46px; text-align:center;}
/*****************player header css Over*******************/


/**************Site Partner***************/
.partner{ width:960px; height:150px;}
.partnerttl{width:960px; height:40px; background-position:0px -270px; background-repeat:no-repeat; overflow:hidden;}
.partnerCon{ float:left;width:958px; border:1px #ccc solid;border-bottom:1px #ccc dashed;}
.logolist{ width:920px; height:80px; padding:15px 19px; }
.logolist li{ float:left; height:30px; width:105px; overflow:hidden; margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:5px; display:inline;}

/**************Site FriendLink***************/
.friendlink{float:left;width:960px;}
.friendlinkttl{ height:40px; padding-left:19px; line-height:40px; font-size:14px;}
.friendlinkCon{ float:left;width:958px; border:1px #ccc solid; border-top:0px;}
.friend_list{float:left;width:910px; height:90px; padding:0px 24px;}
.friend_list li{float:left; width:130px;height:14px; line-height:14px; margin-top:2px; margin-bottom:2px; overflow:hidden;}
.friend_list li a{float:left; width:130px;height:14px;color:#333;}


/******************Site Footer********************/
.footcon{ height:156px; width:960px; overflow:hidden;}
.footleft_oper{float:left; height:156px; width:300px;}
.footleft_oper .foot_logo{ height:91px; width:300px; overflow:hidden;}
.footleft_oper .foot_search{ position:absolute; margin-left:0px;height:30px; width:300px;}
.footrit_con{float:left; width:600px; height:116px; padding:20px 10px 20px 50px;}
.footrit_con ul{float:left;width:600px; height:116px; margin:0; padding:0;}
.footrit_con ul li{ float:left; height:116px; padding-left:22px; width:127px; border-left:1px #ccc dashed;}
.footrit_con ul li p{color:#333;height:24px; line-height:24px;}
.footrit_con ul li a{ color:#333; text-decoration:none}
.footrit_con ul li a:hover{color:#333;text-decoration:none}

/******************Site CopyRight********************/
.copyright{height:71px; margin-top:10px; width:580px;padding:0px 190px; overflow:hidden;}
.copyright a,.copyright a:hover{color:#333;text-decoration:none;}
.copyright .sznet110{float:left; height:60px; width:36px; overflow:hidden;}
.copyright .copypic{float:left; height:60px; width:36px; overflow:hidden;}
.copyright .copyinfo{float:left; padding-top:10px; color:#333; font-weight:normal; padding-left:8px; height:50px; line-height:20px; width:500px;}

/******************Site Page Change********************/
.com_pageps{ width:600px;}
#com_page,#comment_pager{float:left;width:500px; height:25px; padding:5px  0px 5px 100px; clear:both; }
#com_page .characters,#comment_pager .characters{ float:left; margin-right:5px;width:60px; height:25px; color:#333; line-height:25px; text-align:center; background:url(../images/css_bg/page_nol.gif) 0 0 no-repeat;}
#com_page .characters a,#comment_pager .characters a{float:left; color:#333;width:60px; height:25px; background:url(../images/css_bg/page_nol.gif) 0 0 no-repeat;}
#com_page .characters a:hover,#comment_pager .characters a:hover{float:left; color:#333; font-weight:bold;width:60px; height:25px; background:url(../images/css_bg/page_act.gif) 0 0 no-repeat;}
#com_page span.curpage,#comment_pager span.curpage{float:left;display:block;width:25px; height:25px; line-height:25px; margin-right:5px;  text-align:center; text-decoration:none; color:#fff; font-weight:bold; background-position:-25px -200px; background-repeat:no-repeat;}
#com_page a,#comment_pager a{ float:left;display:block; color:#333; width:25px; height:25px; line-height:25px; margin-right:5px; text-align:center; text-decoration:none; background-position:0px -200px; background-repeat:no-repeat;}
#com_page a:hover,#comment_pager a:hover{float:left;display:block;font-weight:bold; color:#fff; width:25px; height:25px;text-align:center; text-decoration:none; background-position:-25px -200px; background-repeat:no-repeat;}