/* ------------------------------------------------------------------------ 重定义浏览器默认样式 */
* { margin: 0; padding: 0; word-wrap: break-word; }
body { background: #FFF url(../images/body_bg.jpg) repeat-x top center; }
body, input, button, select, textarea { font: 12px/1.5 "DejaVu Sans", "Lucida Grande", Tahoma, "Hiragino Sans GB", STHeiti, SimSun, sans-serif; color: #574e49; }
html {
scrollbar-face-color:#82756d;
scrollbar-arrow-color:#e8e8e8;
scrollbar-highlight-color:#f3f3f3;
scrollbar-3dlight-color:#f3f3f3;
scrollbar-shadow-color:#f3f3f3;
scrollbar-darkshadow-color:#f3f3f3;
scrollbar-track-color:#e8e8e8;
}
table { empty-cells: show; border-collapse: collapse; }
	caption, th { text-align: left; font-weight: 400; }
ul, li { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0; padding: 0; font-weight: normal; }
em, cite { font-style: normal; }
a { color: #333; text-decoration: none; }
	a:hover { text-decoration: none; color: #dc0000; }
	.lit { color: #007CD5; }
	a img { border: none; }
small { font-size: 11px; color: #bc0000; font-weight: normal; }	
input { line-height: 200%; border: 1px #e2e2e2 solid;background:#f0f0f0 }
textarea{background: #f0f0f0; border: 1px #e2e2e2 solid; }
.but { background: #4f4f4f; width: 38px; color:#FFF; border: 0; text-align: center; }
.White { color: #fff; }
.red { color: #bc0000; }
	.red a { color: #bc0000; } 
		.red a:hover { color:#000; }
.price { text-decoration: line-through; }
.b1 { border: 1px #ededed solid; }
.mr1 { margin-right: 5px; }
.clear { clear: both; }

/*通用结构 */
.wrap { width: 1003px; margin: 0 auto; background: url(../images/body_bg2.jpg) no-repeat top center; overflow: hidden; position: relative; }

/*页面左边-------------------------------------------------------------------*/
.con_l { width: 233px; margin-left: 27px; float: left; display: inline; }
	#logo { background:url(../images/logo.jpg) no-repeat center; height: 120px; margin-top: 58px; text-align:center;}
	#language{text-align:center;line-height:32px;border-bottom: 1px #ccc dashed;}
	  #language span{margin:0 5px;}
	#pro_nav { color: #574e49; text-indent: 2em; }
		#pro_nav a { color: #574e49; }
			#pro_nav a:hover { color: #000; }
		#pro_nav h1 { margin: 12px 0; }
		#pro_nav ul { height: 435px; overflow: scroll; overflow-x: hidden; }
			#pro_nav ul li { height: 30px; line-height: 30px; border-bottom: 1px #e1e1e1 dashed; }
				#pro_nav ul li a:hover { height: 30px; background: url(../images/pro_nav_on.jpg) repeat-x; display: block; }
			
/*页面右边-------------------------------------------------------------------*/
.con_r { width: 716px; margin-right: 27px; float: right; display: inline; }
#menu{ height: 29px; line-height: 29px; background: #574e49; text-align: center; color: #FFF; margin-top: 58px; }
	#menu a { color: #FFF; }
		#menu a:hover { color: #dcd3b4; }
.flash { width: 626px; height: 199px; position: absolute; top: 87px; left: 260px; z-index: 999; }
.con_bg { background: url(../images/con_r_bg.jpg) no-repeat top center; }
.title { height: 40px; padding-left: 20px; margin-bottom: 20px; }
	.location { float: right; padding: 13px 20px 0 0; }

#footer { text-align: center; padding: 15px 0; border-top: 1px #cbcbcb dashed; margin-top: 20px }

   
/*产品页-------------------------------------------------------------------*/
.pro_con { width: 716px; overflow: hidden; }
	.pro_con ul { padding: 28px 28px 0 28px; }
		.pro_con ul li { overflow: hidden; margin: 0 17px; float: left; display: inline; }
			.pro_con ul li img { height: 90px; padding: 3px; border: 1px #e4e4e4 solid; }
				.pro_con ul li a img { border: 1px #e4e4e4 solid; filter: Alpha(Opacity=80); opacity:0.8; }
				.pro_con ul li a:hover img { background: #574e49; filter: Alpha(Opacity=100); opacity:1; }
		.pro_con ul li h5 { color: #6c6c6c; text-align: center; margin: 8px 0; display: block; }
		
/*通用內容-----------------------------------------------------------------*/
.web_con{padding:20px 25px 0 25px;line-height:200%;}
		
.search { padding: 20px 0 0 10px; }
.search_title { padding: 10px 0; }

/*分页*/		
.page { clear: both; height: 35px; line-height: 35px; color: #888; padding-top: 30px; text-align: center; }
	.page span { color: #ff0000; }
	

/*flash banner-------------------------------------------------------------------*/
#ifocus { width:716px; height:199px; overflow: hidden; background: #ebe7e5; }
	#ifocus_pic { display:inline; position:relative; float:left; width:626px; height:200px; overflow:hidden; }
		#ifocus_piclist { position:absolute; }
		#ifocus_piclist li { width:626px; height:199px; overflow:hidden; }
		#ifocus_piclist img { width:626px; height:199px; }
	#ifocus_btn { display:inline; float:right; width:66px; padding: 8px 22px 0 0 !important; padding: 8px 12px 0 0; }
		#ifocus_btn li { width:64px; height:50px; margin: 9px 0 0 10px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
		#ifocus_btn img { border: 1px #FFF solid; }
		#ifocus_btn .current { background: url(images/ifocus_btn_bg.gif) no-repeat center 5px; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
	#ifocus_opdiv { position:absolute; left:0; bottom:0px; width:626px; height:35px; }
	#ifocus_tx { position:absolute; left:8px; bottom:3px; color:#dbdbdb; }
		#ifocus_tx .normal { display:none; }


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


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

#imageData{	padding:0 10px; color: #161616; }
#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 */