@charset "utf-8";
body {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
div,form,p,img,ul,ol,li,dl,dt,dd,body {margin:0; padding:0; list-style:none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
table,td,tr,th{font-size:12px; margin: 0; padding: 0; border: 0; color:#101010; line-height:18px;}
img { vertical-align:bottom;}

/*总体*/
#sub-content { width:950px; margin:0 auto;}

/*头部*/
#top { width:950px; height:355px; float:left;}
#top-line { width:950px; height:2px; float:left; overflow:hidden;}
#top-line li { list-style:none; float:left;}
#top-logo {width:387px; height:90px; float:left; clear:both;}
#top-logoen {width:400px; height:90px; float:left; clear:both;}
#top_nav { width:563px; height:66px; background:#FFFFFF; float:left;}
#top_nav li { list-style:none; float:right;  margin-top:24px; margin-right:10px;}
#top_nav li a { font-size:12px; color:#999; text-decoration:none;}
#top_nav li a:hover { font-size:12px; color:#a33333;}
#top-menu { width:950px; height:37px; float:left;}
#top-menu li { list-style:none; float:left;}
#top-banner { width:950px; height:226px; float:left;}

/*左侧*/
#left { width:173px; float:left; border-right:#ccc 1px solid; overflow:hidden;}
#left-pro { width:173px;float:left; border-right:#ccc 1px solid; overflow:hidden; background:#f3f3f3;}
#left-pro dt {height:23px; background:url(../images/sub_22.gif) no-repeat -20px 0; text-indent:28px; line-height:23px;}
#left-pro dt a { font-size:12px; color:#101010; text-decoration:none; letter-spacing:1px;}
#left-pro dt a:hover { font-size:12px; color:#a33333; text-decoration:none;}
#left-pro dd {height:20px; text-indent:30px; line-height:20px;}
#left-pro dd a { font-size:12px; color:#101010; text-decoration:none; font-weight:bold;}
#left-pro dd a:hover { font-size:12px; color:#a33333; text-decoration:none; font-weight:bold;}

#left-server {width:174px; height:206px; float:left; overflow:hidden; background:#f7f7f7; clear:both;}
#left-server1{width:174px; height:263px; float:left; overflow:hidden; background:#f7f7f7; clear:both; background:url(../images/line2.gif);}
#left-news { width:174px; height:220px; float:left; border-right:#ccc 1px solid; overflow:hidden; background:#f3f3f3; clear:both; padding-bottom:30px;}
#left-news li {height:24px; background:url(../images/sub_40.gif) no-repeat; line-height:30px; text-indent:26px; padding-top:6px;}
#left-news li a { font-size:12px; color:#101010; text-decoration:none;}
#left-news li a:hover { font-size:12px; color:#a33333; text-decoration:none;}


/*中间部分*/
#sub { width:549px; float:left; padding-bottom:15px; overflow:hidden;}
#sub1{ width:949px; background:url(../images/line1.gif) 1px 0 repeat-y; float:left; overflow:hidden; border-right:#ccc 1px solid;}
#sub1-c { width:774px; float:left; background:url(../images/line.gif) repeat-x; overflow:hidden;}
#sub1-c a { font-size:12px; color:#101010; line-height:24px; text-decoration:none;}
#sub1-c a:hover  { font-size:12px; color:#a33333; line-height:24px;}
#sub-company { width:548px; height:123px; float:left; overflow:hidden; }
#sub-company li { float:left;}
#sub-new { width:549px; overflow:hidden; line-height:24px; margin-top:15px; float:left;}
#sub-new a { color:#2c2c2c; font-size:12px; text-decoration:none;}
#sub-new a:hover { color:#a33333; font-size:12px;}
#sub-pro { width:548px; border-right:#ccc 1px solid; overflow:hidden; float:left;}
#sub-pro li { float:left; margin-top:10px; margin-left:12px; margin-right:8px;}
#sub-pro li a {color:#010101; font-size:12px; line-height:18px; text-decoration:none;}
#sub-pro li a:hover {color:#a33333; font-size:12px;}

#sub-sb { width:548px; border-right:#ccc 1px solid; overflow:hidden; float:left;}
#sub-sb li { float:left; margin-top:10px;}
#sub-sb li a {color:#010101; font-size:12px; line-height:18px; text-decoration:none; width:220px; height:160px; margin:0 24px;}
#sub-sb li a:hover {color:#a33333; font-size:12px;}



#sub-bestpro{ width:548px; overflow:hidden; float:left;}

/*右侧*/
#right { width:225px; float:right; overflow:hidden;}
#right-bullin{ width:217px; height:291px; float:right;}
#right-seach { width:217px; height:93px; float:right; clear:both;}
#right-inf { width:217px; float:right; clear:both; border:#ccc 1px solid;}
#right-inf li { float:left;}
#right-inf p { margin-top:15px;} 
#right-inf p a {color:#101010; font-size:12px; line-height:18px; text-decoration:none;}
#right-inf p a:hover {color:#a33333; font-size:12px;}
#rightMenuVote { width:217px; float:right; clear:both; margin-top:10px;}
#right-line { width:217px; height:6px; float:right; clear:both;}

/*底部*/
#foot{ width:950px; height:67px; float:left; }
#foot1 { width:950px; height:67px; float:left; background:#f3f3f3; border-top:#cfcfcf 1px solid; text-align:center; line-height:24px; padding-top:5px;}
#foot1 a {color:#404040; font-size:12px; text-decoration:none;}
#foot1 a:hover {color:#a33333; font-size:12px; text-decoration:none;}

/*字体*/
.font { color:#ccc; font:12px;}
.sub-font{color:#6F6F6F; font:12px; line-height:18px;}
.timefont {color:#2C2C2C; font:12px; font-weight:bold;}
.company-font {color:#101010; font:12px; line-height:24px;}

/*照片*/
.pro_img { border:#ccc 1px solid;}

/*按钮*/
.button  { width:45px; height:18px; border:1px #d7d7d7 solid; background:f2f2f2; color:#101010;}

.kuang  { border:1px #cccccc solid; background:fff; color:#101010; margin-top:5px;}


/*链接*/
a.i:link {font-size:12px; color:#404040; text-decoration:none;}
a.i:visited{font-size:12px; color:#404040; text-decoration:none;}
a.i:hover {font-size:12px; color:#a33333; text-decoration:none;}
a.i:active {font-size:12px; color:#404040; text-decoration:none;}

a.news-b:link {font-size:12px; color:#404040; text-decoration:none;}
a.news-b:link:visited{font-size:12px; color:#404040; text-decoration:none;}
a.news-b:hover {font-size:12px; color:#a33333; text-decoration:none; background:#F0F5FB;}
a.news-b:active {font-size:12px; color:#404040; text-decoration:none;}

a.pp:link {font-size:12px; color:#BF1515; text-decoration:none; font-weight:bold;}
a.pp:link:visited{font-size:12px; color:#BF1515; text-decoration:none;}
a.pp:hover {font-size:12px; color:#404040; text-decoration:none; background:#F0F5FB;}
a.pp:active {font-size:12px; color:#BF1515; text-decoration:none;}

/*js*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

.clb{ clear:bothl;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
	
.moduan{ width:529px; height:140px; overflow:hidden;}

.moduan_img a{ width:114px; height:107px; border:1px solid #C5C5C6; display:block;}

.moduan_img a:hover{ width:114px; height:107px; border:1px solid #ff0000; display:block;}

.moduan_name a{ width:116px; height:22px; line-height:22px; border:1px solid #f2f2f2; background:#f2f2f2; color:#000000; display:block; font-size:12px; margin-top:5px; overflow:hidden;}

.moduan_name a:hover{ color:#ff0000; border:1px solid #f2f2f2; background:#ffffff;}