.product_class_all{
	width:162px;
	height:36px;
	line-height:40px;
	padding-left: 28px;
	background:#5ea01e;}
.product_class_all a{
	display:block;
	color:#FFF;
	font-size:16px;
	font-weight:bold;}	
.product_class_all a{
	text-decoration:none;}	
.product_class{
	width:186px;
	min-height:520px;
	border:2px solid #5ea01e;
	background: #fafafa;
	overflow: visible;
	position:relative;}
.item{
	width: 186px;
	height: 36px;
	background: #f7f7f7;
	position: absolute;}	
.classname{
	position: absolute;
	z-index: 100; 
	width: 186px;
	cursor:pointer;}	
.classname h3{
	margin:0px;
	padding:0px;
	width: 157px;
	height: 34px;
	padding-left: 28px;
	font-weight: normal;
	line-height: 36px; 
	background:url(../images/indexSprite.png) no-repeat -12px 12px;}
.classname h3 a{ 
	color: #333; 
	font-size:14px; 
	font-family:"宋体";}
.classname h3 a:hover{ 
	text-decoration:none;}	
.active h3{
	line-height:32px;
	background-position:-12px -185px;
	background-color:#fbfff7;
	border:1px solid #5ea01e; 
	border-width:2px 0;
	width: 160px;}
.active h3 a{ 
	color: #5ea01e;}	
.classname s{
	display: block;
	position: absolute;
	top: 13px;
	left: 167px;
	width: 6px;
	height: 9px;
	background:url(../images/indexSprite.png) no-repeat 0px 0px;}
	
.classlist{
	 position: absolute; 
	 width: 478px; 
	 z-index: 99; 
	 border:2px solid #5ea01e; 
	 background: #fbfff7;
	 padding: 20px; 
	 display:none;
	 left: 186px; 
	 top: 0px;}		
.classlist ul{
	min-height:150px;}
.classlist li{
	float: left; 
	display: inline; 
	/*margin-right: 15px; */
	margin-bottom: 15px; 
	white-space:nowrap;}
.classlist li a{ 
	padding-left: 10px; 
	background: url(../images/www/indexSprite.png) no-repeat -8px -249px;
	color: #333;
	display: inline-block;
	line-height: 18px; 
	text-decoration: none; }
.classlist li a:hover{ 
	text-decoration: none; 
	background-position: -8px -219px; 
	color: #ff6600;}