@charset "utf-8";
/* CSS Document */

.clearBoth{ clear:both}
a:visited { color:#777}
a:hover { color:#000}
a:link{color:#777}
.subTitle{ color:#232322;font-weight:800;}
html, body{ width:100%; height:100%; margin:0px; padding:0px; background:#fff; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#777;}
body{/* background:url(../../images/body-bg.jpg);*/ background-repeat:repeat-x;}
#main-container{width:990px; margin: 0 auto; text-align:left; }


#header{ width:990px; height:80px; color:#b2b2b2}
#logo{ margin-left:10px; margin-top:5px; float:left;}
#lang{ float:right; position:relative;  top:10px; text-align:right;}
#lang img{ padding:0 5px;}
.lang{ cursor:pointer;}



#temp{ display: none}

/*menu*/
#top-menu{ width:990px; height:38px; background:#000; margin-bottom:10px;}
ul{list-style:none;}
a{text-decoration:none;}
ul#wrap a{ display:block; color:#fff; font-size:12px;background:#A37243;  z-index:100}
ul#wrap li{display:block; float:left; height:30px; line-height:30px; width:165px; position:relative; z-index:100; text-align:left}
ul#wrap li ul{ position:absolute; top:38px; left:-0px; list-style:none; display:none; /*filter:alpha(opacity=85);-moz-opacity:0.85; opacity:0.85;*/}
ul#wrap li ul li{ height:30px;z-index:10000;}
ul#wrap li ul li a { display:block;width:150px; background:#333; color:#E18C16;  z-index:10000; padding-left:15px; font-weight:bold; }
ul#wrap li ul li a:hover {background:#E49416; color:#000; font-weight:bold; }
/**/

/*serarch*/
#search{ float:left; width:990px;; height:35px; background:#fafafa; display:block;  margin-bottom:10px; line-height:35px; }
#category{ float:left; width:150px; margin-top:10px; z-index:0 }
#grade{ float:left; margin-top:10px; margin-left:5px; width:100px;}
#input{ float:left; margin-top:10px; margin-left:5px; width:390px;}
#butSearch{ float:left; margin-left:5px; margin-top:2px; cursor:pointer;}
#tel{ margin-left:50px; }



/*banner*/

#banner{  width:600px; height:280px; margin-bottom:10px;  }
#banner-slider { width:600px; overflow:hidden; height:280px;}


#content{ width:990px; height:100%; margin-top:20px;}
#left-content-container{ float:left; width: 165px;}

/*brand name*/
#brand-container{ background:#fff; margin-bottom:10px; border:1px #f0f0f0 solid;  background:url(images/bg_snb.gif)}
#brandTitle{ height:60px; background:#fff; display:none;}
#brandTitle1{ position:relative; left:50px; top:12px; color:#333}
#brandTitle2{ position:relative; left:50px; top:15px; color:#565656}
#brand-link{ width:100%; position:relative; margin-top:20px; width:150px;}
#brand-link li{ width:100%;  color:#fff; margin-left:10px; clear:both; border-bottom:1px #f2f2f2 dotted;  line-height:1.2em; float:left  }
#brand-link li img{float:left}
#brand-link li a{ float:left; width:130px; display:block; margin-left:10px; margin-bottom:10px; color:#bfbfbf; float:left; }
#brand-link li a:hover{ font-weight:bold; color:#000; }
#brand-link .brand-icon{ float:left; }



.filter{ width:100%; padding:5px; text-align:right; }
.filter a{ color:#999; margin-right:5px; margin-left:5px; }




#mid-content-container{float:left;margin-left:10px;width:600px;}


.item{position:relative;float:left;width:150px;height:230px;  text-align:center;color:#bfbfbf;}
.item h1{ margin:0; padding:0;}
.product-img{position:relative;width:145px;height:96px;border:1px #f0f0f0 solid;z-index:0}

.product-desc1{position:absolute;width:24px;height:24px;line-height:24px;top:0px;color:#222; font-weight:bold; background:url(../../images/grade-bg.png);z-index:10;left:1px}

.product-grade-N{display:block;position:relative; width:130px;height:20px;line-height:20px;color:#fff; font-weight:bold; background:#FDC211;z-index:10; margin-left:10px;}
.product-grade-S{display:block;position:relative; width:130px;height:20px;line-height:20px;color:#fff; font-weight:bold; background:#686A64;z-index:10; margin-left:10px;}
.product-grade-A{display:block;position:relative; width:130px;height:20px;line-height:20px;color:#fff; font-weight:bold; background:#D957AF;z-index:10; margin-left:10px;}
.product-grade-B{display:block;position:relative; width:130px;height:20px;line-height:20px;color:#fff; font-weight:bold; background:#1A5189;z-index:10; margin-left:10px;}



#page{ clear:both ;width:600px;  margin:0 auto; text-align: center;word-break:break-all; }
.page{ width:20px; height:20px; display:block; float:left;  background:#f0f0f0; margin:2px; }
#current-page{background:#ccc;}


#right-container{
	float:right;
	width:205px;
	margin-left:10px;
	}
	#likeBox{ 
	margin-top:10px;
	float:left;
	position:relative;


	width:205px;
}
#footer{
	margin:0 auto;


	clear:both;
	line-height:30px;
	padding:20px;
	position:relative;
	

	background:#333;
}
#footerFix{ width:990px; margin:0 auto;}

#footer-brand-link span{ margin-left:10px; margin-right:10px;}
#footer-brand-link a:hover{ color:#FFF;}
#footer hr{ border:hidden; border-bottom: #565656 1px dotted; }
#footer-contact{ line-height:1.5em; float:right; display:none;  }
#copyRights{ margin:0 auto; text-align:center;}