@import url("/images/skin/base.css");
.cake_bg {
  height:24px;
  margin:3px auto;
  background:url(cake_bg.jpg);
}
.bread_bg {
  height:24px;
  margin:3px auto;
  background:url(bread_bg.jpg);
}
.point_bg {
  height:24px;
  margin:3px auto;
  background:url(point_bg.jpg);
}
.food_bg {
  height:24px;
  margin:3px auto;
  background:url(food_bg.jpg);
}

.product {
  width:610px;
  position: relative;
}
.product_list { width:600px; float:left; text-align:center; }
.product_list li { float:left; width:130px; height:120px; margin:8px auto; margin-left:18px; display:inline; background: url(cake_bg.gif);cursor:pointer; cursor:hand; }
.product_list li img { width:110px; height:92px; padding:4px;float:left; margin-left:6px;display:inline;}
.product_list li img:hover {}
.product_list li p { clear:both;float:left; line-height:20px; width:130px; color:#663;  }

#L1 {
	position:absolute;
	left:150px;
	top:6px;
	width:330px;
	height:189px;
	z-index:1;
}

#L2 {
	position:absolute;
	width:330px;
	height:189px;
	z-index:1;
	left:-174px;
	top:6px;
	visibility: hidden;
}
#L3 {
	position:absolute;
	left:-30px;
	top:6px;
	width:330px;
	height:189px;
	z-index:1;
	visibility: hidden;
}
#L4 {
	position:absolute;
	left:114px;
	top:6px;
	width:330px;
	height:189px;
	z-index:1;
	visibility: hidden;
}
#L5 {
	position:absolute;
	left:150px;
	top:142px;
	width:330px;
	height:189px;
	z-index:1;
	visibility: hidden;
}
#L6 {
	position:absolute;
	width:330px;
	height:189px;
	z-index:1;
	left:-174px;
	top: 142px;
	visibility: hidden;
} 
#L7 {
	position:absolute;
	width:330px;
	height:189px;
	z-index:1;
	left:-30px;
	top: 142px;
	visibility: hidden;
}
#L8 {
	position:absolute;
	width:330px;
	height:189px;
	z-index:1;
	left:114px;
	top: 142px;
	visibility: hidden;
}

#L1 {
	position:absolute;
	width:330px;
	height:189px;
	z-index:1;
	visibility: hidden;
}

.note_main {
  width:330px;
  height:189px;
  background:url(product-content.jpg) no-repeat;
}

.note {
  width:324px;
  float:left;
}


.note_title {
  margin-top:5px;
  height:26px;
  line-height:26px;
  text-indent:2em;
  letter-spacing:2px;
  font-size:14px;
  color: #990000;
  font-weight: bold;
}

.note_sise {
  height:19px;
  line-height:19px;
  text-indent:1em;
}

.note_box {
  height:131px;
}

.note_pic {
  width:154px;
  float:left;
  text-align:center;
}

.note_pic img {
  width:110px;
  height:92px;
  margin:15px auto; 
}
.note_con {
  width:160px;
  float:left;
  margin-top:20px;
  line-height:20px;
  font-size:13px;
  color: #333333;
  letter-spacing:2px;
}

.page {
  width:560px;
  float:left;
  border-top:#930 2px solid;
  color:#663;
  clear:both;
  display:inline;
  margin:20px 20px 0 20px;
  text-align:center;
}

.page_list {
  height:26px;
  margin-top:6px;
}

.page_list li {
  width:40px;
  height:26px;
  line-height:26px;
  float:left;
  margin-left:20px;
  font-size:16px;
  font-weight:bold;
}

.page_list li a:link,a:visited { text-decoration:none; color:#777;}

.page_list li a:hover { display:block;text-decoration: none; color:#FF0000;}

.page_list li.on a {
  display:block;
  color:#FF0000;
}