/*---------- base ---------*/
*{
	padding:0px;
	margin:0px;
}
body{
    font-size:12px;
	color:#5e5e5e;
	
}

img{
	border:none;
}
ul{
	list-style:none;
}
a{text-decoration:none;}
a:link{color:#5e5e5e;}
a:visited{color:#5e5e5e;}
a:hover{ color:#b502b5;}
.clear{ clear:both;}
.mt10{ margin-top:10px;}
.mt5{ margin-top:5px;}
/*--header--*/
.header{width:993px; height:345px; margin:0 auto; background:url(wenming/index_02.jpg) no-repeat; overflow:hidden; }
.nav{ width: 992px; height:41px; margin:0 auto; margin-top:4px; margin-bottom:4px; background:#be753e; overflow:hidden;}
.nav ul li{ width:98px; height:41px; float:left; }
.nav ul li a{ display:block; width:98px; height:41px;}

.nav ul li.f1 a{ background:url(shouye.jpg) no-repeat; width:104px; height:41px;}
.nav ul li.f1 a:hover,.nav ul li.f1 a.hover{ background:url(navr_03.gif) no-repeat;width:104px; height:41px;}
.nav ul li.f2 a{ background:url(navy_03.gif) no-repeat; width:96px; height:41px;}
.nav ul li.f2 a:hover,.nav ul li.f2 a.hover{ background:url(navr_04.gif) no-repeat;width:96px; height:41px;}
.nav ul li.f3 a{ background:url(navy_04.gif) no-repeat;width:96px; height:41px;}
.nav ul li.f3 a:hover,.nav ul li.f3 a.hover{ background:url(navr_05.gif) no-repeat;width:96px; height:41px;}
.nav ul li.f4 a{ background:url(navy_05.gif) no-repeat;width:96px; height:41px;}
.nav ul li.f4 a:hover,.nav ul li.f4 a.hover{ background:url(navr_06.gif) no-repeat;width:96px; height:41px;}
.nav ul li.f5 a{ background:url(navy_06.gif) no-repeat;width:96px; height:41px;}
.nav ul li.f5 a:hover,.nav ul li.f5 a.hover{ background:url(navr_07.gif) no-repeat;width:96px; height:41px;}
.nav ul li.f6 a{ background:url(navy_07.gif) no-repeat;width:96px; height:41px;}
.nav ul li.f6 a:hover,.nav ul li.f6 a.hover{ background:url(navr_08.gif) no-repeat;width:96px; height:41px;}
.nav ul li.f7 a{ background:url(navy_08.gif) no-repeat;width:96px; height:41px;}
.nav ul li.f7 a:hover,.nav ul li.f7 a.hover{ background:url(navr_09.gif) no-repeat;width:96px; height:41px;}
.nav ul li.f8 a{ background:url(navy_09.gif) no-repeat;width:96px; height:41px;}
.nav ul li.f8 a:hover,.nav ul li.f8 a.hover{ background:url(navr_10.gif) no-repeat;width:96px; height:41px;}
.nav ul li.f9 a{ background:url(navy_10.gif) no-repeat;width:96px; height:41px;}
.nav ul li.f9 a:hover,.nav ul li.f9 a.hover{ background:url(navr_11.gif) no-repeat;width:96px; height:41px;}
.nav ul li.f10{padding:0px;}
.nav ul li.f10 a{ background:url(navy_11.gif) no-repeat;width:120px; height:41px;}
.nav ul li.f10 a:hover,.nav ul li.f10 a.hover{ background:url(navr_12.gif) no-repeat;width:120px; height:41px;}

#sddm
{}


#sddm div
{	position: absolute;
	visibility: hidden;
	/*min-width:138px;*/
	margin: 0;
	padding: 0;
/*	background: #eac57c;*/
/*	border: 1px solid #be753e} */

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding-top: 8px;
		width: 138px;
		height:20px;
		white-space: nowrap;
		text-align: center;
		text-decoration: none;
		background: #eac57c;
		color: #8a450e;
		font: 14px arial}

	#sddm div a:hover
	{	background: #b545aa;
		color: #FFF}

/*----footer---*/
.footer{width:990px; height:54px; margin:0 auto; background:url(footer-1.jpg);color:#FFF;  margin-top:20px;}
.footwm{width:990px; height:114px; margin:0 auto; color:#000;  margin-top:20px;text-align:center;}
.footwm span{text-align:center;;height:auto;font-size:14px;line-height:30px;height:30px;margin:0 auto;width:990px;}
.footer .left{ width:305px; height:54px; text-align:center; line-height:54px; float:left;}
.footer .left a{ color:#FFF; padding-left:8px; padding-right:8px;}
.footer .copy{ width: auto; height:54px; line-height:54px; padding-left:140px;float:left;}
.footer .tfs{ width: auto; height:54px; line-height:54px; padding-left:50px;float:left;}
.footer .tfs a{ color:#FFF; padding-left:8px; padding-right:8px;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* 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; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold; font-size:14px; line-height:22px; height:auto;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }