@charset "utf-8";
*{ margin:0; padding:0}
ul,li,dt,dl,dd,form,input,a,span,h1,h2,h3,h4,h5,h6,p,b,img{ margin:0; padding:0}
a{ text-decoration:none}
ul{ list-style:none}
li{ list-style:none}
img{ border:none}
.left{ float:left}
.right{ float:right}

body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#555; background: #fff url(../images/bg.gif) repeat-x;}
#outer{
	width: 1333px;
	margin: 0 auto;
	text-align: center;
	background:url(../images/bg.png) no-repeat;
}
.projection{width: 1331px;
	margin: 0 auto;
	text-align: center;
	background:url(../images/projection.gif) repeat-y;}
.layout_bg{ background: #fff url(../images/body_bg.jpg)  no-repeat center top; width: 1280px; margin: 0 auto; text-align: center;}
.layout{ width:903px; margin:0 auto; overflow:hidden; text-align: left;}


.header{ width:903px; float:left; position:relative}
.links{ float:left; margin-top:14px}
.links li{ float:left; margin-right:10px}
.links li a{ margin-right:10px; color:#fff}
.links li a:hover{ text-decoration:underline}
.logo{ position:absolute; left:1px; top:60px;}
.logo a{ background:url(../images/logo.png) no-repeat left top; width:348px; height:75px; display:block; text-indent:-999px;}
.search{ float:right; background:url(../images/search_bg.gif) no-repeat; width:385px; height:97px; margin-right:2px; margin-top:45px; padding:10px 0 0 12px}
.search input{ width:206px; height:16px; line-height:16px;font-family:Arial; float:left; margin-right:12px;margin-top:2px}
.search select{ float:left; width:75px; display:block;margin-right:12px;margin-top:2px}
.search a{ display:block; height:24px; width:48px; float:left}
.search img{ height:24px; width:48px}
.login{ position:absolute; top:14px; right:4px}
.login a{ color:#fff; margin-right:10px; text-decoration:underline;font-size:11px}


.header{ width:903px; float:left; position:relative}
.logo{ position:absolute; left:1px; top:28px;}
.logo a{ background:url(../images/logo.png) no-repeat left top; width:348px; height:75px; display:block; text-indent:-999px;}
.search{ float:right; background:url(../images/search_bg.gif) no-repeat; width:385px; height:97px; margin-right:2px; margin-top:45px; padding:10px 0 0 12px}
.search input{ width:206px; height:16px; line-height:16px; font-family:Arial; float:left; margin-right:12px;margin-top:2px}
.search select{ float:left; width:75px; display:block;margin-right:12px;margin-top:2px}
.search a{ display:block; height:24px; width:48px; float:left}
.search img{ height:24px; width:48px}
.login{ position:absolute; top:14px; right:4px}
.login a{ color:#fff; margin-right:10px; text-decoration:underline;font-size:11px}


.content{ clear:both; width:900px; background:#fff; border-left:1px solid #E8E8E8;border-right:1px solid #E8E8E8;float:left; overflow:hidden}

.nav_bg{ background:url(../images/nav/nav_bg.gif) repeat-x; height:43px; width:902px; float:left}
.nav_right{ background:url(../images/nav/nav_right.gif) no-repeat; height:43px; width:4px; float:right;}
.nav_left{ background:url(../images/nav/nav_left.gif) no-repeat; height:43px; width:4px; float:left;}
.nav{height:35px; padding-top:8px; padding-left:12px; float:left; width:882px;}
.nav li{ float:left;  line-height:30px;}
.nav_a{ color:#fff;background:url(../images/nav/compart.gif) no-repeat right; float:left; padding:0 16px;}
.nav_a:hover{ background:url(../images/nav/hover_left.gif) no-repeat left; height:35px;float:left; color:#fff; padding-left:7px; padding-right:0;}
.nav_a:hover span{ background:url(../images/nav/hover_right.gif) no-repeat right; height:35px;color:#0398d5;  float:left; cursor:pointer;  padding:0 16px 0 9px;}
.nav_h_a{background:url(../images/nav/hover_left.gif) no-repeat left; height:35px;float:left; color:#fff; padding-left:7px; padding-right:0;}
.nav_h_a span{ background:url(../images/nav/hover_right.gif) no-repeat right; height:35px;color:#0398d5;  float:left; cursor:pointer;  padding:0 16px 0 9px;}




.photo img{ height:239px; width:236px; margin:12px 0 0 2px; float:left }

.cataloque{ width:400px; height:238px; float:left; margin-top:12px;border-right:1px #e1e1e1 solid;}
.cataloque h1{ font-size:20px; color:#293535; width:400px; float:left;}
.cataloque p{ font-size:12px; float:left; margin-top:6px}
.cataloque ul{ margin-top:7px; float:left}
.cataloque li{ float:left; width:198px; height:40px}
.cataloque .li1{ background:url(../images/icon/icon_01.gif) no-repeat left;}
.cataloque .li2{ background:url(../images/icon/icon_02.gif) no-repeat left;}
.cataloque .li3{ background:url(../images/icon/icon_03.gif) no-repeat left;}
.cataloque .li4{ background:url(../images/icon/icon_04.gif) no-repeat left;}
.cataloque .li6{ background:url(../images/icon/icon_05.gif) no-repeat left;}
.cataloque a{ display:block;font-size:14px; color:#0398d5; margin-left:40px;_margin-left:20px; margin-top:13px; font-weight:600; float:left}
.cataloque a:hover{ text-decoration:underline}

.forum{ width:250px;height:238px; margin:12px 0 0 10px; float:left}
.forum h2{font-size:20px; color:#293535; float:left}
.forum p{font-size:12px; float:left; margin-top:6px}
.forum ul{margin-top:7px; float:left}
.forum li{float:left; width:250px; height:50px}
.forum .forum_li1{ background:url(../images/icon/icon_06.gif) no-repeat left;}
.forum .forum_li2{ background:url(../images/icon/icon_07.gif) no-repeat left;}
.forum .forum_li3{ background:url(../images/icon/icon_08.gif) no-repeat left;}
.forum a{display:block;font-size:14px; color:#0398d5;margin-left:50px;_margin-left:25px;margin-top:16px; font-weight:600; float:left}
.forum a:hover{text-decoration:underline}

.clear{ clear:both}

.main_left{ width:640px; float:left; padding-top:25px; padding-left:15px;}
.top_list{ width:640px; float:left; height:373px;overflow:hidden;text-align:center;}
.top_list h3{ background:url(../images/title_bg.gif) no-repeat; width:333px; height:37px; line-height:37px; padding-left:15px; font-size:18px; font-weight:normal}
.top_list ul{ width:640px; margin-top:8px}
.top_list li{ width:146px; height:136px; background:#efefef; border:1px #dfdfdf solid; float:left; margin-right:12px; margin-bottom:12px;}
.top_list li img{ width:133px; height:80px; margin:0; padding-left:8px;padding-left:0px; padding-top:8px}
.top_list li span{ color:#007bcb; display:block; margin-left:8px;margin-left:0px; margin-top:0px; float:left; width:133px; font-weight:bold; cursor:pointer;}
.top_list li em{ font-style:normal; color:#555;font-weight:bold; margin-left:8px;margin-left:6px;cursor:pointer; display:block; text-align:center;}
.top_list p{ width:545px; font-size:13px; height:23px; line-height:23px; float:left; text-align: left;}
.top_list .more{ display:block; height:23px; line-height:23px; color:#007bcb; font-size:14px; float:left}
.top_list .more:hover{ text-decoration:underline}

.main_right{width:213px; float:left; padding-top:25px; margin-left:15px;}
.right_box{ width:211px;  background:#fff; float:left; border-left:1px solid #E8E8E8;border-right:1px solid #E8E8E8;}
.main_right h4{ font-size:18px; color:#555; height:37px; line-height:36px; font-weight:normal; padding-left:12px; background:url(../images/cat_titbg.gif) no-repeat left top;}
.right_box .ul1{ width:190px; padding-left:12px; background:url(../images/rig_botline.gif) no-repeat 14px bottom; float:left; padding-bottom:14px;}
.right_box ul .main_right_li1{ font-size:14px; color:#000; height:30px; line-height:30px; background:none; padding:0; font-weight:bold}
.right_box ul li{ width:173px; height:22px; line-height:22px; background:url(../images/icon/icon_09.gif) no-repeat 2px; padding-left:17px;}
.right_box ul li a{ color:#555;}
.right_box ul li a:hover{ text-decoration:underline}
.right_box .ul2{width:190px; padding-left:12px; padding-top:6px;background:url(../images/rig_botline.gif) no-repeat 14px bottom; float:left;padding-bottom:14px;}
.right_box .ul3{width:190px; padding-left:12px; padding-top:6px;background:url(../images/rig_botline.gif) no-repeat 14px bottom; float:left;padding-bottom:14px;}
.right_box .ul4{width:190px; padding-left:12px; padding-top:6px;background:url(../images/rig_botline.gif) no-repeat 14px bottom; float:left;padding-bottom:14px;}


.ad{height:89px; width:212px; float:left; padding-top:15px;}

.footer{ background:url(../images/footer_bg.gif) repeat-x; width:901px; height:120px;margin-top:16px; float:left}
.foot_l{ float:left; width:675px}
.foot_r{ float:left}
.footer h5{ font-size:16px; color:#181818; float:left; padding:10px 0 0 15px; width:660px; height:26px;}
.footer p{ float:left; width:620px; padding-left:15px; color:#fff}
.footer ul{ float:left; padding-top:5px}
.footer ul li{ height:24px; line-height:24px; }
.footer .footer_li1{ color:#181818; font-size:16px; height:24px; line-height:24px; font-weight:bold}
.footer .footer_li2{ background:url(../images/icon/icon_10.gif) no-repeat left; padding-left:25px}
.footer .footer_li3{ background:url(../images/icon/icon_11.gif) no-repeat left; padding-left:25px}
.footer .footer_li4{ background:url(../images/icon/icon_12.gif) no-repeat left; padding-left:25px}
.footer a{ color:#fff;}
.footer a:hover{ text-decoration:underline}
.footer_right{ background:url(../images/footer_right.gif) no-repeat; float:right;width:4px; height:120px}
.footer_left{ background:url(../images/footer_left.gif) no-repeat; float:left; width:4px; height:120px}
.links_foot{ position:relative; top:-35px; left:15px; color:#666666}

/*----------sign----------------*/
.sign{float:left; width:630px;}
.sign_tit{ float:left; width:630px; background:url(../images/sign_titbg.gif) repeat-x; height:37px; position:relative }
.sign_tit h3{font-size:18px;font-weight:normal;height:37px;line-height:37px; padding-left:15px;}
.sigin_box{  float:left; width:628px;border-left:1px solid #E8E8E8;border-right:1px solid #E8E8E8;}

/*----sign up-----*/
.signup_ul{
    float:left;
	padding:0 11px 20px 20px;
	width:597px;
}
.signup_ul li {
	float:left;
	margin:13px 0 0;
	width:480px;
}
.signup_ul li p{
    padding-bottom:2px;
}
.signup_ul input{
    border:1px solid #ccc;
    color:#555555;
	background:none;
	height:18px;

}
.signup_ul a{
    color:#0398D5;
	text-decoration:underline
}
.signup_ul a:hover{
	text-decoration:none;
}
.confirm {
	float:left;
	padding-right:10px;
	width:155px;
}
.up_what {
	float:left;
	font-weight:bold;
	padding-left:12px;
	padding-top:17px;
	width:517px;
}
.what_ul {
	float:left;
	padding-top:20px;
	width:496px;
}
.what_ul li {
	color:#FF6600;
	float:left;
	font-size:14px;
	font-weight:bold;
	margin-right:20px;
}
.signup_ul li textarea{
	background:none;
	border:1px solid #ccc;
	height:90px;
	margin-top:1px;
	padding-top:3px;
	width:438px;
	color:#555555;
	font-size:12px;
}
.up_what select{ margin-top:10px;  width:100px; margin-left:8px;}


/*-----------------play--------------------*/
.play{ float:left; width:630px; margin-bottom:16px; padding-bottom:10px; }
.play h1{
	color:#555;
	padding:10px 0 0 12px;;
	font-size:18px;
	font-weight:normal;
}
.play_time{
	color:#CACB3A;
	padding:0 0 10px 0;
}
.play h1 a{ color:#0398D5; text-decoration:underline}
.player{
	float:left;
	width:628px;
	text-align:center;
}
.play_top{
	float:left;
	padding-left:12px;
	width:606px;
	padding-top:15px;
}

/*-------page style02------*/
.c_page{ width:630px; float:left; border-top:1px solid #D4DDE4;border-bottom:1px solid #D4DDE4; padding:3px 0; text-align:center; float:left;margin-top:10px}
.c_prev{ height:23px; background:#EFEFEF; line-height:23px; width:59px;float:left; text-align:center}
.c_prev a{ color:#525252; text-decoration:none;display:block;width:59px; height:23px;}
.c_page_center{ font-size:14px; font-weight:bold; float:left; width:512px; text-align:center; padding-top:4px;}
.c_page_center a{ color:#ED4C14;text-decoration:none; padding:2px 4px; margin-right:5px;}
.c_page_center a:hover{ color:#fff;text-decoration:none; padding:2px 4px; margin-right:5px; background:#ED4C14}
.c_next{ height:23px; background:#EFEFEF; line-height:23px; width:59px;float:right; text-align:center}
.c_next a{ color:#525252; text-decoration:none;display:block; width:59px; height:23px;}
.u_sub_tit{border-bottom:1px solid #B8B8B8;font-size:16px;margin-bottom:8px;padding-bottom:4px; width:564px}
.u_s_tit{ line-height:38px; font-weight:bold; color:#fff; padding-left:11px; font-size:16px;}


/*--------6-11--------------*/
.s_img{ width:180px; float:left; height: 160px; overflow: hidden;}
.s_img img{ border:1px solid #E8E8E8; padding:4px; width: auto;}
.s_info{ float:left; width:426px;}
.s_info li{ border-bottom:1px solid #E8E8E8; float:left; width:400px; line-height:21px;}
.s_info li label{ float:left; width:100px;}
.s_info li div{ float:left}
.download{ background:#F2F2F2; float:left; padding:18px 28px 18px 20px; font-size:10px; width:360px;}
.download a{color:#0398D5; text-decoration:underline}

.tabs{
    border-bottom:1px solid #67BDDB;
	float:left;
	width:630px;
	margin-top:20px;
}


.current{ 
	color:#fff;
 }

.tabs li {
background:#C2E8F4;
font-family:Tahoma;
margin-right:1em;
padding:4px 6px;
float:left;
}
.tabs li a{ color:#007BCB; text-decoration:none;}
.review,.torrent_information,.file,.comment,.quality{ width:630px; float:left; padding-top:20px;}
.review h1,.torrent_information h1,.file h1,.comment h1,.quality h1{color:#007BCB;font-size:14px;font-weight:bold; padding-bottom:10px;}
.review p{ line-height:18px;}
.about_artist{ width:630px; float:left; padding-top:20px;}
.about_artist h1{color:#007BCB;font-size:14px;font-weight:bold; padding-bottom:10px;}
.about_artist p{ line-height:18px; padding-top:10px; float:left; width:630px;}
.user_img{ float:left; width:60px; overflow:hidden}
.user_img a{ font-size:11px; font-weight:bold; color:#555555; text-decoration:none}
.user_img img{ border:1px solid #E8E8E8; padding:4px;}
.more_see{ float:left; padding:0 0 0 40px; line-height:20px}
.user{ float:left; width:630px;}
.more_see a{color:#007BCB; background:url(../images/more_icon.gif) no-repeat right center; padding-right:10px}
.more_see a:hover{ text-decoration:underline}
.track_list{ width:630px; float:left; padding-top:20px;}
.track_list h1{color:#007BCB;font-size:14px;font-weight:bold; padding-bottom:10px;}
.track_list li{ line-height:18px;}
.torrent_information ul li{ float:left; width:630px; border-bottom:1px solid #E8E8E8; line-height:24px;}
.torrent_information ul li label{ float:left; width:100px;}
.torrent_information ul li div{ float:left; width:530px;}
.file li{ line-height:20px;}
.file .mp3{ background:url(../images/audio_icon.gif) no-repeat left center; padding-left:20px;}
.file .jpg{ background:url(../images/image_icon.gif) no-repeat left center; padding-left:20px;}
.file_size{ font-size:11px; color:#18D900; padding-left:5px;}

.com_list{ width:630px; float:left; border-top:1px solid #E8e8e8; padding-top:10px; margin-top:10px;}
.com_user{ width:150px; float:left; font-size:10px; line-height:18px; overflow:hidden;}
.com_user img{ padding:2px; border:1px solid #E8E8E8; float:left; margin-right:8px;}
.com_info { width:480px; float:left}
.quality p{ padding-bottom:10px;}
.com_info p{ background:url(../images/information_small.png) no-repeat left top; padding-left:18px; color:#007BCB; font-weight:bold; padding-bottom:10px}
.com_info p span{ color:#888; font-size:10px; padding-left:4px;}
.com_info div{ background:url(../images/tick_small_circle.png) no-repeat left top; padding-left:18px; color:#11AB19; font-weight:bold; padding-bottom:10px}
.com_info div span{ color:#888; font-size:10px; padding-left:4px;}



/*-------movie_list  wangyouhua--------*/

.tab{
	float:left;
	padding-left:12px;
	padding-top:15px;
	width:606px;
	overflow:hidden;
}

.tab table{ border-collapse:collapse; table-layout:fixed}

.tab_list{
	float:left;
	width:606px;
	font-size:11px;
}
.tab_list tr img{
}
.tab_list tr a{
	color:#555555;
	text-decoration:none;
	float:left;
	cursor:pointer;
	cursor:pointer;
	width:100%;
}
.tab_list tr a:hover{
	color:#0387DA;
}
.tab_list tr td{
	text-align:center;
	border:1px solid #E8E8E8;
	height:32px;
	vertical-align:middle;
}
.tab_list tr{
	height:32px;
}
.tab_tit{
	color:#0387DA;
	font-weight:bold;
	text-transform: uppercase;
}


.tab_pages{
	width:606px;
	text-align:right;
	padding-top:14px;
	float:left;
	padding-left:12px;
}
.tab_pages a,
.tab_pages span{
	color:#555;
	padding:2px 8px;
	margin:0 2px;
	text-decoration:none;
	background:#Efefef;
	border:1px solid #Efefef;
}
.tab_pages span{ font-weight:bold;}
.tab_pages a:hover,
.tab_pages span{
	color:#0387DA;
}


/*-----------down-----------*/
.tab h1 {
	color:#555555;
	font-size:18px;
	font-weight:normal;
	padding:10px 0 10px 0
}
.upload_rig{
	float:left;
	padding:20px 0 25px 0
	overflow:hidden;
	width:606px;
}
.download_btn{
	border:1px solid #E8E8E8;
	padding:10px;
	float:left;
	width:584px;
}
.down_rig a{
	color:#0387DA;
	text-decoration:none;
}
.down_rig a:hover{
	text-decoration:underline;
}
.down_rig{
	float:left;
	padding:0 0 0 15px;
}
.down_rig h1{
	font-size:30px;
}
.upload_about p{
	width:76px;
	font-weight:bold;
	float:left;
}
.upload_about li{
	border-bottom:1px solid #E8E8E8;
	line-height:28px;
	margin:0 12px;
	width:285px;
}
.upload_about{
	float:left;
	width:606px;
	padding-top:13px;
}
.Description,
.comment,
.addcomment{
	width:596px;
	float:left;
	padding:20px 10px 0 10px;
}
.addcomment{
	padding:0px 0 0 10px;
}
.Description h2,
.comment h2,
.addcomment h2{

	border-bottom:1px solid #ccc;
	padding-bottom:4px;
	font-size:14px;
	font-weight:bold;
	color:#007BCB;
}
.addcomment h2{
	border:none;
	border-top:1px solid #E8E8E8;
	padding-top:27px;
}
.Description p,
.comment p{
	padding:9px 0;
}
.comment span{
	color:#aba6a6;
}
.comment h1{ font-size:14px; font-weight:bold; color:#007BCB}
.comment span a{
	color:#8FA868;
}
.comment span a:hover{
	text-decoration:none;
}
.addcomment li{
	width:596px;
	padding-bottom:5px;
	float:left;
}
.addcomment li label{
	width:100px;
	float:left;
	font-weight:bold;
}
.addcomment li div input,
.addcomment li textarea{
	width:300px;
	padding:1px;
	float:left;
	border:1px solid #ccc;
}
.addcomment li textarea{
	height:80px;
}
.poat_comment{
	padding:10px;
	margin:1px 0;
}
/*down end*/

/*------search_about---------*/

.search_about{ padding-left:12px; width:606px; float:left;}
.search_about h1{ font-size:14px; font-weight:bold; color:#007BCB; padding-top:15px; float:left; width:606px;}
.search_about h1 span{ font-size:12px; font-weight:normal; color:#555;}
.sea_about_ul{ float:left; width:606px; padding-top:15px;}
.sea_about_ul li{ float:left; width:500px; padding-bottom:10px;}
.sea_img{ width:45px; float:left}
.sea_info{ width:440px; float:left; line-height:20px;}
.sea_info a{color:#0398D5; text-decoration:underline}




/*------most popular--------*/
.albums_list{ width:630px; float:left; padding-top:15px;}
.albums_list li{ float:left; width:630px; border-bottom:1px solid #E8E8E8; padding-bottom:15px; padding-top:15px}
.albums_info{ width:485px; float:left}
.review h1 span{ font-size:20px; font-weight:normal}
.review h1 label{ font-size:16px; }
.albums_info h3 a,.albums_info h4 a{ color:#0398D5; text-decoration:none}
.albums_info h3 a:hover,.albums_info h4 a:hover{ text-decoration:underline}
.albums_info h3{ font-size:18px; font-weight:normal;}
.albums_info h4{ font-size:14px; color:#0398D5; padding-top:5px; padding-bottom:10px;}
.albums_info p{ padding-top:3px;}


.artists_tabs {
border-bottom:1px solid #67BDDB;
margin-right:0;
overflow:hidden;
}
.artists_tabs li{ float:left; padding-right:1px; font-weight:bold; margin-bottom:9px;}
.artists_tabs li a{background-color:#C2E8F4; padding:2px 5px; color:#20A3D0;}
.artists_tabs{ float:left; width:602px; padding:15px 0 0; margin-bottom:15px;}
.current span{background-color:#67BDDB;
color:white; padding:4px 6px; }
.letter{ font-size:18px; font-weight:bold;  color:#007BCB; padding-bottom:5px;}

.now_pla_blak{
	color: #555555;
}

.top_list li img{  height:100px; padding-left:0; width:auto; padding-left:0px;}
.top_list ul li { overflow:hidden; text-align:center;}
.top_list ul li a{width:127px; overflow:hidden;padding-left:8px; display:block; float: left;}
.top_list ul { float:left;}
.top_list h3 { float:left; text-align:left;}


a{
	color: #0398D5;
}


.search_cloud{ float:left; margin-top:15px;background:url(../images/search_cloud_bg.gif) no-repeat; width:901px; height:71px; padding:10px;overflow:hidden;}
.search_cloud h3{ font-size:16px; float:left; height:16px;}
.search_cloud ul{ float:left; width:881px; margin-top:-8px}
.search_cloud ul li{ float:left; padding-right:15px; line-height:22px}
.search_cloud ul li a{ color:#555; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.search_cloud ul li a:hover{ color:#007BCB; text-decoration:underline}

.clickbuttom{
	cursor:pointer;
}