/*--------------------------masterpage----------------------------*/
 /*.preload1 {background: url(menu/back.gif);} 
.preload2 {background: url(images/body_bg.jpg);}
.preload3 {background: url(menu/three_1.gif);}
.preload4 {background: url(menu/three_0.gif);}*/
body {
	margin:0px;
	padding:0px;
	background-image:url(images/body_bg.png);
	background-repeat:repeat-x;	
	font-family:Tahoma,"宋体";
	text-align: center;
	font-size: 12px;
	background-color: White;
}

a {
    text-decoration: none;
    color: #666; 
	 font-size: 12px;
}

a:hover {
    text-decoration: none;
    color: #000000;   
}

#layout {
	width: 100%;
	margin: 0px auto;		
}
#ajax{width: 12px; height: 12px; margin:3px auto 1px 3px; cursor:hand;}

img{border:0;}
p{	line-height: 140%; text-indent: 2em; margin: 5px;}
ul,li{ list-style:none;margin: 0px;	padding: 0px;}
td{ vertical-align:top;font:12px/150% arial,'宋体',helvetica,clean,sans-serif;}
select, input, textarea{ font-size:12px;}
table{ border-collapse: collapse; border-spacing:0;  border:0;}
.clear{ clear:both;zoom:1;}
.clear:after {content:'.';display:block;visibility:hidden;clear:both;height:0;} 
.button {background-image: url("FullImg.gif"); background-repeat: no-repeat; border: 0}
	.btnNone {font-weight: bold; width: 70px; height: 21px; color: #F6F7F2; background-position: -105px -20px}
	.btnSearch {width: 53px; height: 21px; background-position: 0 -20px}						/* 顶部搜索 */
	.btnLogin {width: 48px; height: 21px;  background-position: -55px -20px; margin-left: 4px}	/* 左侧登录 */
	.btnULogin {width: 64px; height: 23px; background-position: -180px -20px; margin-left: 4px}	/* 客户中心登录 */
	.btnUJoin {width: 75px; height: 23px; background-position: -105px -45px}					/* 客户中心注册 */
	.btnUPass {width: 75px; height: 23px; background-position: -180px -45px}					/* 客户中心密码 */

/*------header--------*/

#header {   
   width: 778px;
	background-image: url(images/top_banner_bg.jpg);
	background-repeat:no-repeat;
	height:76px;
	position: relative;	
	margin: 0px auto;
}
#topad{
	margin: 0px auto;
	 width: 778px;
	 text-align: center;
}


.logo {
	background-image: url(images/logo_inner.jpg);
	text-indent: -20000px;
	clear: left;
	left: 0px;
	top: 0px;
	height:76px;
	width: 150px;
	position: absolute;
}
#header #search {
	position: absolute;
	width: 300px;
	right: 10px;
	top:45px;		
}
.selecttxt {
	border:1px solid #CECECE;
	height:20px;
	width:70px;
	font-size:12px;
	margin:-4px 0px 0px -2px;
	color:#949493;
}
.iptText {height: 15px;_height: 20px; background: url("FullImg.gif") 0 0 #FDFFFA repeat-x; padding: 3px 5px 1px 5px; border: 1px solid #BEBFB9}


/*-------visual and nav ------*/
#va {
	padding-top: 1px;
	height: 163px;
}
#nav {
	height: 55px;
}

#page {	
	margin: 5px auto;
   width: 778px;
}
/*----location -----*/
#loc{text-align: left; width: 778px;margin: 5px auto 0px auto;position: relative;}
#loc .pa{margin: 0px auto 0px 5px;padding-left:5px;line-height:1em;border-left:3px solid #228B22;}
#loc a{color:#222;}
#loc a:hover{color:#8CBB44;}

/*---------content------*/
#content {
   padding: 5px ;
	width: 590px;
	_width: 600px;
	float: right;	
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	text-align: left;
	 border:1px solid #D6D7D9;	 
	 background-image: url(placeholder/bg_navhead.gif) ;
	background-repeat: repeat-x;
	background-position: top;	
}


#ctitle {
   margin: 6px;
	background-image: url(images/underline_02.gif);
	background-repeat: repeat-x;
	background-position: 0px 25px;
	height: 40px;
	position: relative;
}

#content #ctitle span {
	font-size: 14px;
	color: #228B22;
	background-image: url(images/underline_01.gif);
	background-repeat: repeat-x;
	background-position: 0px 25px;
	vertical-align: -2px;
	font-weight: bold;
	padding-bottom: 12px;
}

/*----side-----*/
#side {
	width: 160px;
	float: left;	
	text-align: left;
	border-right:1px solid #D6D7D9;
	border-left:1px solid #D6D7D9;
	border-top:1px solid #D6D7D9;	
}
#side h1 {
	font: bold;	
	font-size: 14px;
	padding-top: 4px;
	color: Black;	
	text-indent: 1em;
	margin: 0px;
	line-height: 25px;	
	background-image: url("PlaceHolder/bg_navhead.gif");
	background-repeat: repeat-x;
	border-bottom:1px solid #D6D7D9;	
}
#side ul {
   margin: 0px;
	padding: 0px;
}
#side ul ul {
	margin: 0px;display: none;
}
#side ul li {
	list-style: none;	
	background-image: url("images/bg_nav.gif"); 
	background-repeat: repeat-x; 
	background-position: 0px 0px; 
	border-bottom:1px solid #CFD0D2;
	_height:25px;	
}
#side ul li img.arr{
	cursor:pointer;vertical-align: middle;
}

#side ul li ul li {  
	background-image: url(images/dotline.gif);
	background-repeat: repeat-x;
	background-position: left 21px;
	padding-left: 18px;
	margin: 0px;
	border-bottom:0px;	
}
#side ul a {
height:25px;
	font-size: 12px;
	color: #000000;
	line-height: 25px;
	padding-left: 1.5em;
	background: url("images/arrow2.gif"); 
	background-repeat: no-repeat; 
	background-position: 0.2em center; 
	
}
#side ul a.s {
	color: #5D7D2D;	
}
#side ul a:hover {	
	color: #5D7D2D;
}
#side ul ul a.s, #side ul ul a:hover {
	background-image: none;
}
#side ul ul li a {
	background-image: none;
}

/* ft */
#ft{ clear:both;width:778px;height:50px;font-size: 12px; color:#666;background: url(images/shadow_b.gif) repeat-x top;margin: 0px auto;}
#ft #ft_left{float:left;padding:20px 0 0 20px;}
#ft #ft_right{float:right;padding:20px 20px 0 0;}
#ft div *{vertical-align: middle;}
#ft span{padding:0 10px;}
#ft a{color:#666;}
#ft a:hover{color:#8CBB44;}



/* ----------------------------------content------------------------------ */
#placeholder {    
    padding: 0px 5px ;  margin: 0px;	 
	}
	
#placeholder #listtitle {
	background-image: url(images/underline_02.gif);
	background-repeat: repeat-x;
	background-position: 0px 20px;
	height: 25px;
	position: relative;
}

#placeholder #listtitle span {
	font-size: 12px;
	color: ThreedDarkShadow;
	background-image: url(images/arrow_BlueDown.gif);
	background-repeat: no-repeat;
	background-position: 3px,70%;
	/*  vertical-align: -18px;*/
	font-weight: bold;
	padding-bottom: 15px;
	padding-left: 20px;
}

#placeholder h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #7C7C83;
	background-color: transparent;
	padding: 0 0 10px 0px;
}
#placeholder  ul li{
   
	  padding-left: 15px;
	   padding-bottom: 2px;
		margin-left: 15px;
    color: #666;
    background-color: #fff;
	 background-image: url(placeholder/dot3.gif);
	 background-position: 0px 5px;
	background-repeat: no-repeat;
	font-size: 12px;
}
	#placeholder #listshow {   
	width: 275px; margin-bottom: 15px;
}
	#placeholder #listshow .img{
   float: left;
	padding-left: 5px;
	padding-top: 5px;
	
}
#placeholder #listshow ul {      
    list-style-type: none;	 
	 _margin-left: 55px;  
}

#placeholder #listshow ul li{   
	 padding-left: 8px;
    color: #666;
    background-color: #fff;
	 background-image: url(placeholder/bullet02.gif);
	 background-position: left centre;
	background-repeat: no-repeat;
	font-size: 12px;
}
#placeholder #listshow ul li ul li{   
	  padding-left: 10px;
    color: #777;
    background-color: #fff;
	 background-image: url(placeholder/icon_c6.gif);
	 background-position: 0px 5px;
	background-repeat: no-repeat;
	font-size: 12px;
}
#placeholder #listshow ul li ul li a{
    text-decoration: none;
    color: #777; 
	 
}

#placeholder #listshow ul li a{
    text-decoration: none;
    color: #303030; 
	 
}
#placeholder #listshow  ul li a:hover{
    text-decoration: none;
    color: Green;   
    padding: 0 0 0 1px;
}
#placeholder ol{
	width:525px;
	margin:10px 0px 10px 0px;
	padding-left:15px;
	background-image: url(placeholder/bullet_10.gif);
	background-repeat:repeat-y;
	background-position:0px 0px;
	list-style-type: none;
}
#placeholder ol li{
	line-height:30px;
	font-size: 12px;
}

#placeholder ul li a:hover{
    text-decoration: none;
    color: #0057a2;
	background-color: #fff;
}


#placeholder p a{
    color: #666;
	background-color: #fff;	
}
#placeholder table tr td p{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    padding: 2px 0px 4px 0px;
    line-height: 18px;
	 text-indent: 5px;
	 margin:0px;
	 
}
#placeholder table tr td{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    padding: 2px;
    line-height: 20px;

}

#placeholder  #sub-title{
	background: url(placeholder/sub_top.jpg) no-repeat left top;
	margin: 12px 0px;
	padding-top:12px;
} 

#placeholder  #sub-title h2 {
	background: url(placeholder/sub_bottom.jpg) no-repeat left bottom;
	font-size: 12px;
	margin: 0;
	padding: 0 1em;
	text-align: center;
	padding-bottom:12px;
}

#placeholder  #view-footer, #placeholder  #view-footer1{
	background: #F0F0F0;
	height: 40px;
	line-height:40px;
	text-align: center;
	font-weight: bold;
	clear: both;
}
#placeholder  #view-footer a ,#placeholder  #view-footer1 a {
	background: url(placeholder/back.gif) no-repeat center center;
	color: #999;
	display: block;
	width: 100px;
	margin:0 auto;
}

.red {
    color: red;
}
#placeholder h3{
display: block;
height: 20px;
width:auto;
margin-top: 15px;
margin-bottom: 5px;
padding-left: 10px;
background: url(placeholder/tbg.jpg) no-repeat left bottom;
font-size: 12px;
color: Green; 
}


/*-----------------------------topmenu-------------------------------*/
#menuContainer {
	margin: 0px;
	font-size: 12px;	
	width:778px;
	height: auto;	
	margin: 0px auto 5px auto;	
	text-align: left;
	background: url(menu/back.gif) right top no-repeat;
	
}


#nav {padding:0 0 0 20px; margin:0; list-style:none; height:33px;  position:relative; z-index:10; font-family:arial, verdana, sans-serif;font-size: 12px;}
#nav li.top {display:block; float:left; height:33px;}
#nav li a.top_link {display:block; float:left; height:33px; line-height:33px; color:#ccc; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 15px; cursor:pointer;}
#nav li a.top_link span {float:left; display:block; padding:0 20px 0 9px; height:35px; }
#nav li:hover a.top_link {color:#fff; background: url(menu/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(menu/three_1.gif) no-repeat right top;}
#nav li a.top_linkpath {display:block; float:left; height:33px; line-height:33px; color:#ccc; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 15px; cursor:pointer;background: url(menu/three_0.gif);}
#nav li a.top_linkpath span {float:left; display:block; padding:0 20px 0 9px; height:33px; background: url(menu/three_0.gif) right top no-repeat;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:33px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:180px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:100%; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:12px; height:18px; width:98%; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #bbd37e;}
#nav li ul.sub li a.fly
{background:#bbd37e url(menu/arrow.gif) 160px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#6a812c; color:#fff; border-color:#fff;background: url(menu/submenubg.gif) repeat-x;}
#nav li:hover ul.sub li a.fly:hover
{background: url(menu/submenubg.gif) repeat-x; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:170px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:180px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(menu/arrow_over.gif) 173px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background: #bbd37e url(menu/arrow.gif) no-repeat 175px 6px; color:#000; border-color:#bbd37e;} 

/* --------------------------------photo-frame-------------------------------- */

.photo-frame .topx-- {
	background-image: url(frame/frame-topx--[1].gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
		padding:0;
    margin:0;
}
.photo-frame
{
    padding:0;
    margin:0;
    }
    
.photo-frame .top-x- {
	background-image: url(frame/frame-top-x-[1].gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;

}
.photo-frame .top--x {
	background-image: url(frame/frame-top--x[1].gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx-- {
	background-image: url(frame/frame-midx--[1].gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
	padding:0;
    margin:0;
}
.photo-frame .mid--x {
	background-image: url(frame/frame-mid--x[1].gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
	padding:0;
}

.photo-frame .botx-- {
	background-image: url(frame/frame-botx--[1].gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: top;
		padding:0;
    margin:0;
}
.photo-frame .bot-x- {
	background-image: url(frame/frame-bot-x-[1].gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x {
	background-image: url(frame/frame-bot--x[1].gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}

.photo_198 {
	border: 4px solid #FFFFFF;
}

#pic table tr td{
 padding: 0;	
}
/*-----------------------------lightbox-------------------------------*/


#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(lightbox/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(lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/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;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */