@charset "utf-8";


 
.filterptions
{
	float:left;
	width:970px;
	min-height:30px;
	margin:18px 15px 0px 15px;
	padding:0 auto;
	text-align:left;
	color:#666; 
	line-height:180%;
	font-size:12px; 
} 

.filterptions span{
	margin:auto 45px auto auto;
} 
.filterptions a{
	color:#858585; text-decoration:none; 
	margin:auto 5px auto 5px;
} 
.filterptions a:hover{
	color:#F93;text-decoration:underline;  
} 










 
 
 
 
.proitem
{
	float:left;
	width:220px;
	height:260px;
	margin:15px 15px 10px 15px;
	padding:0 auto;
	text-align:left;
	
}
.proitem a
{   display:block;
	float:left;
	width:220px;
	height:220px;
	margin:0px 0px 0px 0px;
	padding:0 auto; 
	text-align:center; 
	color:#858585;
	border:#000000 2px solid;
	
    overflow:hidden;
    position:relative;
}
.proitem a:hover {  color:#f0f0f0; border:#000000 2px solid;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	 }

.proitem a img
{  	
    border:none;
    position:absolute;   
    top:0px;
    left:0px;
    height:220px; width:220px; 
}

.proitem span
{   display:block;
	float:left;
	width:100%;
	min-height:20px;
	margin:10px 0px 0px 0px;
	padding:0px auto; font-size:16px; 
	text-align:center;
}

.item_boxsplit {
    float:left;
	width:10px;
	min-height:240px;
	margin:10px 0px 10px 0px;
	padding:0 auto;
}








.wrap{
    width:200px;
    height:200px;
    margin:0px;
    overflow:hidden;
    position:relative;
    float:left; margin:20px 20px 20px 20px;
}
.wrap a img  {
    border:none;
    position:absolute;   
    top:0px;
    left:0px;
    height:200px; 
}












/****************mainbody****************/

.mainbody {
	float:left;
	width:1000px;
	min-height:450px;
	margin:15px auto;
	padding:0 auto; 
}
.bodyleft {
    float:left;
	width:540px;
	height:50px;
	margin:0 20px auto auto;
	padding:0 auto;
}
.bodyleft h1 {
    display:block; 
    float:left; text-align:left;
	width:100%;
	height:40px;
	margin:12px auto auto 5px;
	padding:0 auto; color:#d8d8d8; 
	font-size:24px; 
	line-height:120%; font-family:Verdana, Times, serif ;
}
.bodyleft span {
    display:block; 
    float:left; text-align:left;
	margin:12px auto auto 15px;
	padding:0 auto; color:#ababab; 
	font-size:14px; 
	line-height:180%; font-family:"Times New Roman", Times, serif ;
}
.bodyright {
	float:left; 
	width:440px;
	height:50px;
	margin:0 auto;
	padding:0 auto; 
}
 
 
 
/* focus */
#focus{width:400px;height:400px; margin:10px auto auto 20px; overflow:hidden;position:relative;}
#focus ul{list-style:none;height:400px;position:absolute; background:#C36}
#focus ul li{list-style:none;float:left;width:400px; left:-40px; height:400px;overflow:hidden;position:relative;background:#ffffff;}
#focus ul li div{position:absolute;overflow:hidden;}
#focus .btnBg{position:absolute;width:400px;height:20px;left:0;bottom:0;background:#000;}
#focus .btn{position:absolute;width:400px;height:10px;padding:5px 10px;right:0;bottom:0;text-align:right;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
#focus .btn span.on{background:#fff;}
#focus .preNext{width:45px;height:100px;position:absolute;top:140px;background:url(/en/focus/sprite.png) no-repeat 0 0;cursor:pointer;}
#focus .pre{left:0;}
#focus .next{right:0;background-position:right top;}
/* focus */
 
 
 

 
.colorbox {
    display:block; 
    float:left; width:100%;
	text-align:left;
	margin:20px auto auto 15px;
	padding:0 auto;
} 
 
.colorbox span{
    display:block; 
    float:left; width:16px; height:16px;
	text-align:left;
	margin:auto 10px auto auto;
	padding:0 auto;
	border:#888888 1px solid;
}