﻿@charset "utf-8";
/* CSS Document */

body {font-size:14px; font-family:Verdana, Geneva, sans-serif; margin:0 auto; width:940px; background:#ffffff url(../images/bg_body.gif) repeat-x;position:relative;}
a { text-decoration:none;}
*{ margin:0; padding:0; border:0; list-style:none;}
#top { background:#cccccc url(../images/bg_top.gif) no-repeat center; padding:0 20px 2px 20px; line-height:68px;}
	#top #logo { height:68px; width:250px; background:url(../images/logo.gif) no-repeat left center;}
	#top span{ float:right; }
	#top span a { font-size:14px; color:#007eb9; padding:27px 20px; margin-top:10px;}
	#top span a:hover { background:#ffffff;}
#benner { width:936px; height:163px; background:#DAF1FE url(../images/bg_benner.gif) no-repeat top center; position:relative; padding:0 2px 2px 2px; margin:0 auto;}
.user { background:url(../images/user_bg.png) no-repeat; position:absolute; top:4px; right:4px; width:255px; height:145px; padding:10px 0 0 10px;}
	.user .face{ width:110px; text-align:center; float:left;}
	.user .face a {font-size:12px; color:#666666; line-height:30px;}
	.user .face a:hover { color:#0066cc; text-decoration:underline;}
	.user img { width:100px; height:100px; padding:4px; border:1px solid #cccccc; background:#ffffff; margin-bottom:1px;}
	.user p { margin-left:120px; line-height:20px; font-size:12px; color:#333333;}
	.user p span { color:#ff6600;}
	.user p img { width:16px; height:16px; margin-bottom:-3px; padding:0; border:0; background:none;}
	.user p a {color:#0066cc; line-height:24px; height:24px; padding-left:21px; display:block;} 
	.user p a:hover { text-decoration:underline;}
	.user p a span { font-size:10px;}
	.user .zone { background:url(../images/zone.gif) no-repeat 0 5px;}
	.user .message { background:url(../images/mail.gif) no-repeat 0 5px;}
	.user .exit { background:url(../images/exit.gif) no-repeat 0 5px;}
	.user .mywb { background:url(../images/release.gif) no-repeat 0 5px;}
.login { position:absolute; top:4px; right:4px; width:255px; height:115px; padding:40px 0 0 10px; text-align:center;}
#windows {}
#main { padding-top:10px; clear:both; _zoom:1; overflow:hidden;}
#innermain { width:660px; float:left; overflow:hidden; padding-bottom:3000px; margin-bottom:-3000px;}
	#innermain #hot { border:1px solid #d2dce3; background:#ffffff; overflow:hidden;}
		#innermain #hot h1 { height:36px; line-height:36px; font-size:14px; color:#006699; background:url(../images/bg_hot_title.gif) no-repeat;}
		#innermain #hot h1 .onmouse{ height:14px; padding:11px 10px; background:#ffffff; margin-left:-1px; border:solid #d2dce3; border-width:0 1px; color:#006699; margin-right:1px;}
		#innermain #hot h1 .none { height:14px; padding:11px; margin-left:-1px; color:#006699;}
		#innermain #hot ul { padding: 10px; clear:both;}
		#innermain #hot li { padding:15px 10px; border-bottom:1px dotted #cccccc; clear:both;}
		#innermain #hot .amount { float:left; font-size:12px; text-align:center; background:url(../images/bg_hot_amount.gif) no-repeat; width:60px; height:45px; color:#666666;}
		#innermain #hot .amount span { color:#0066cc; font-size:16px; font-weight:bold; display:block; padding:4px 0;}
		#innermain #hot p { margin-left:70px; line-height:20px; font-size:14px; color:#333333; }
		#innermain #hot p img { padding:3px; background:#ffffff; border:1px solid #cccccc; margin-top:5px;}
		#innermain #hot p a { color:#0066cc; }
		#innermain #hot p a:hover { text-decoration:underline;}
		#innermain #hot .bottom{ margin-left:70px; font-size:10px; color:#666666; padding-top:20px; text-align:right;}
		#innermain #hot .bottom a{ font-size:12px; color:#666666; margin-left:5px;}
		#innermain #hot .bottom a:hover{ color:#0099cc;}
		#innermain #hot .bottom a span{ color:#FF928C;}
		#innermain #hot .face {float:left; text-align:center; background:#ffffff; width:50px; height:50px; padding:4px; border:1px solid #cccccc; color:#d2dce3;}
			#innermain #hot .re { padding:10px 10px 10px 0 ; font-size:12px; margin-left:78px; height:100px;}
			#innermain #hot .re .container {background:url(../images/re_top.gif); padding:25px 10px 0 10px; clear:both; overflow:hidden; _zoom:1; line-height:20px;}
			#innermain #hot .re .rebottom { text-align:center; padding:5px; font-size:12px; font-weight:normal; background:url(../images/re_bottom.gif) bottom;}
			#innermain #hot .re .container img { width:50px; height:50px; padding:3px; border:1px solid #cccccc; background:#ffffff; float:left;}
			#innermain #hot .re .container p { margin:0; padding:0; text-indent:0;line-height:20px; color:#666666; font-size:12px;}
			#innermain #hot .re .container p a { color:#0099cc; text-decoration:none;}
			#innermain #hot .re .container p a:hover { text-decoration:underline;}
			#innermain #hot .re span { color:#999999; margin-left:10px;}
	#innermain #new { padding-top:10px; margin-top:10px; }
		#innermain #new h1 { height:36px; font-size:14px; color:#006699; }
		#innermain #new ul { background:url(../images/bg_new_line.gif) no-repeat right top; overflow:hidden; clear:both;}
		#innermain #new li { overflow:hidden; clear:both;}
		#innermain #new .face { padding:0 10px; width:71px; background: url(../images/bg_new_this.gif) no-repeat right 17px; overflow:hidden;  float:left;}
		#innermain #new .face img{ border:1px solid #cccccc; width:50px; height:50px;}
		#innermain #new p {margin-left:91px; padding:5px 20px 0 10px; margin-bottom:5px; font-size:12px; color:#333333; line-height:20px;}
		#innermain #new a{ color:#0066cc;}
		#innermain #new a:hover { text-decoration:underline;}
		#innermain #new .bottom { margin-left:91px; border-bottom:1px solid #d2dce3; padding:5px; padding-right:25px; font-size:10px; text-align:right; color:#999999;}
			#innermain #new .re { padding:0 19px; font-size:12px; margin-left:92px; }
			#innermain #new .re .container {background:url(../images/re_top.gif); padding:25px 10px 0 10px; clear:both; overflow:hidden; _zoom:1; line-height:20px;}
			#innermain #new .re .rebottom { text-align:center; padding:5px; font-size:12px; font-weight:normal; background:url(../images/re_bottom.gif) bottom;}
			#innermain #new .re .container img { width:50px; height:50px; padding:3px; border:1px solid #cccccc; background:#ffffff; float:left;}
			#innermain #new .re .container p { margin:0; padding:0; text-indent:0;line-height:20px; color:#666666; font-size:12px;}
			#innermain #new .re .container p a { color:#0066cc; text-decoration:none;}
			#innermain #new .re .container p a:hover { text-decoration:underline;}
			#innermain #new .re span { color:#999999; margin-left:10px;}
	#innermain .page { padding:10px; text-align:right; line-height:16px; font-size:12px; clear:both;}
		#innermain .page a{ padding:1px; 3px; font-size:12px; border:1px solid #cccccc; margin-left:2px; color:#666666;}
		#innermain .page a:hover { background:#0099cc; border:1px solid #0066cc; color:#ffffff;}
		#innermain .page span {background:#0099cc; border:1px solid #0066cc; color:#ffffff;}
		
	#innermain #searchinfo {border:1px solid #d2dce3; background:#ffffff; overflow:hidden; padding-bottom:10px;}
		#innermain #searchinfo h1{ height:36px; line-height:36px; font-size:14px; color:#006699; background:url(../images/bg_hot_title.gif) no-repeat; padding:0 10px; margin-bottom:10px; }
		#innermain #searchinfo .title { padding:10px; font-size:12px; color:#999999;}
		#innermain #searchinfo .title span{ padding:10px; font-size:12px; color:#0099cc;}
		#innermain #searchinfo .title span a{font-size:12px; color:#0099cc;}

		#innermain #searchinfo ul { padding: 10px; clear:both;}
		#innermain #searchinfo li { padding:15px 10px; border-bottom:1px dotted #cccccc; clear:both;}
		#innermain #searchinfo p { margin-left:70px; line-height:20px; font-size:14px; color:#333333; }
		#innermain #searchinfo p span { color:#F83C07;}
		#innermain #searchinfo p .k a{ color:#F83C07;}
		#innermain #searchinfo p .k a:hover{ text-decoration:underline;}
		#innermain #searchinfo p img { padding:3px; background:#ffffff; border:1px solid #cccccc; margin-top:5px;}
		#innermain #searchinfo p a { color:#0099cc; }
		#innermain #searchinfo p a:hover { text-decoration:underline;}
		#innermain #searchinfo .face {float:left; text-align:center; background:#ffffff; width:50px; height:50px; padding:2px; color:#666666;}
		#innermain #searchinfo .bottom { font-size:12px; display:block; clear:both; text-align:right; color:#999999; text-decoration:none;}
			
	#innermain #searchuser {border:1px solid #d2dce3; background:#ffffff; overflow:hidden; padding-bottom:10px;}
		#innermain #searchuser h1{ height:36px; line-height:36px; font-size:14px; color:#006699; background:url(../images/bg_hot_title.gif) no-repeat; padding:0 10px; margin-bottom:10px; }
		#innermain #searchuser .title { padding:10px; font-size:12px; color:#999999;}
		#innermain #searchuser .title span{ padding:10px; font-size:12px; color:#0099cc;}
		#innermain #searchuser img { border:1px solid #cccccc; width:100px; height:100px; margin-bottom:3px; clear:both; padding:2px}
		#innermain #searchuser img:hover { border:1px solid #0066cc; width:100px; height:100px; margin-bottom:3px; clear:both; padding:2px}
		#innermain #searchuser a { width:106px; height:136px; text-align:center; padding:5px 12px; float:left; font-size:12px; color:#666666; line-height:16px; word-wrap:break-word;word-break:keep-all; overflow:hidden;}
		#innermain #searchuser a:hover { color: #0066cc;}
		
		
		
		
	#innermain #searchs {border:1px solid #d2dce3;height:70px; background:#ffffff url(../images/bg_sub1.gif) repeat-x; padding:10px 20px 0 20px;line-height:25px; font-size:14px; color:#666666; margin-bottom:10px; overflow:hidden;}
		#innermain #searchs p{display:block; clear:both;}
		#innermain #searchs p a { color:#0066cc;  margin-right:13px;}
		#innermain #searchs p a:hover { text-decoration:underline;}
		#innermain #searchs input { height:25px; line-height:25px; font-size:12px; margin-left:5px;}
		#innermain #searchs .search { width:340px; border:1px solid #d2dce3; color:#999999; text-indent:10px; margin-top:5px;}
		#innermain #searchs .select { margin-bottom:-5px;}
		#innermain #searchs .btn { margin-left:30px; background:#ff9900; border:1px solid #ff6600; height:21px; width:43px; line-height:18px;color:#ffffff; padding:0; margin-right:1px;}
		

		
		

#sub { width:268px; float:right; border:1px solid #d2dce3; background:#ffffff url(../images/bg_sub.gif) no-repeat; overflow:hidden; padding-bottom:3000px; margin-bottom:-3000px;}
	#sub h1 { height:39px; font-size:14px; padding:0 10px; font-size:14px; color:#006699; line-height:35px; overflow:hidden; border-top:1px solid #d2dce3;}
	
	
	#sub #search { padding:10px 20px 0 20px; line-height:25px; font-size:12px; color:#666666;}
		#sub #search input { height:25px; line-height:25px; font-size:12px;}
		#sub #search .search { width:225px; border:1px solid #d2dce3; color:#999999; text-indent:10px; display:block;}
		#sub #search .select { margin-bottom:-5px;}
		#sub #search .btn { float:right; background:#ff9900; border:1px solid #ff6600; height:21px; width:43px; line-height:18px; margin-top:5px; color:#ffffff; padding:0; margin-right:1px;}
		
		
	#sub #topuser { padding:0 15px; overflow:hidden;}
		#sub #topuser a { line-height:28px; border-bottom:1px solid #f3f3f3; color:#333333; padding:0 5px; font-size:12px; display:block; clear:both; height:28px; padding-left:23px; }
		#sub #topuser a:hover { background-color:#f2f2f2;}
		#sub #topuser span { font-size:10px; color:#999999; float:right;}
		#sub #topuser .top1 { background:url(../images/top_1.gif) no-repeat 2px 6px;}
		#sub #topuser .top2 { background:url(../images/top_2.gif) no-repeat 2px 6px;}
		#sub #topuser .top3 { background:url(../images/top_3.gif) no-repeat 2px 6px;}
		#sub #topuser .top4 { background:url(../images/top_4.gif) no-repeat 2px 6px;}
		#sub #topuser .top5 { background:url(../images/top_5.gif) no-repeat 2px 6px;}
		#sub #topuser .top6 { background:url(../images/top_6.gif) no-repeat 2px 6px;}
		#sub #topuser .top7 { background:url(../images/top_7.gif) no-repeat 2px 6px;}
		#sub #topuser .top8 { background:url(../images/top_8.gif) no-repeat 2px 6px;}
		#sub #topuser .top9 { background:url(../images/top_9.gif) no-repeat 2px 6px;}
		#sub #topuser .top10 { background:url(../images/top_10.gif) no-repeat 2px 6px;}
	#sub #star { padding:0 15px 10px 15px; overflow:hidden;}
		#sub #star .backnext { height:60px; width:14px; float:left;}
		#sub #star .container { width:210px; height:60px; float:left;}
		#sub #star .container a { width:190px; height:60px; float:left; padding:0 10px;}
		#sub #star .container a img { padding:4px; background:#ffffff; border:1px solid #d2dce3; width:50px; height:50px; float:left;}
		#sub #star .container span { margin-left:70px; display:block; color:#666666; line-height:20px; font-size:12px;}
		#sub #star .container .name { font-size:14px; font-weight:bold; color:#0099cc;}
	#sub .fans { padding:0 15px 10px 15px; overflow:hidden;}
		#sub .fans a img { padding:4px; background:#ffffff; border:1px solid #d2dce3; width:50px; height:50px; margin-bottom:3px; clear:both;}
		#sub .fans a { width:54px; height:98px; float:left; font-size:12px; color:#666666; line-height:16px; word-wrap:break-word; word-break:keep-all; overflow:hidden; text-align:center; padding:0 12px; display:block;}
		#sub .fans a:hover { color: #0066cc;}
#footer { margin-top:20px; border-top:2px solid #0066cc; padding:20px; font-size:12px; color:#999999; line-height:24px; text-align:center; clear:both;}
	#footer a { font-size:12px; color:#999999; line-height:24px;}
	#footer a:hover { color:#0066cc; text-decoration:underline;}

.zoom {
	position:relative;
}
.zoom .span{
	background:#efefef;
	display:block;
	position:absolute;
	text-align:center;
	border:1px #fff solid;
	top:10px;
	left:5px;
}
.zoom .loading{
	display:block;
	position:absolute;
	text-align:center;
	top:40px;
	left:5px;
	font-size:12px;
	color:#4b4b4b;
	text-decoration:none;
	background:#fff;
	height:30px;
}
.zoom .loading a{
	font-size:12px;
	color:#4b4b4b;
}

.zoom .span a{
	position:relative;
	display:block;
	float:left;
	width:30px;
	height:25px;
	background:url(../images/vithe.png) no-repeat 50% 50%;
}
.zoom img{
	cursor:url(../images/b.cur);vertical-align:bottom;
}
