
#main {
  background-image:url(../img/goods_sub_bg.png);
}
#main > .inner {
  background-image:url(../img/goods_sub_main_bg.jpg);
}
.goods_img {
  display: block;
}
.goods_h2 {
  width: 512px;
  height: 70px;
  background-image:url(../img/goods_h2.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
.goods_h2_1 { background-position: 0 0; }
.goods_h2_2 { background-position: 0 -80px; }
.goods_h2_3 { background-position: 0 -160px;  }
.goods_h2_4 { background-position: 0 -240px;  }
.goods_thumb {
  width: 280px;
  height: 330px;
  display: block;
  background-repeat:no-repeat;
}

.goods_area {
  margin-left: 30px;
}
.goods_area:after {
  content: " ";
  clear: both;
  display: block;
}
.goods_thumb {
  margin-right: 25px;
  margin-bottom:25px;
  float: left;
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
}
.goods_thumb:after {
  content: " ";
  display: block;
  position: absolute;
  top:0;
  left: 0;
  width: 280px;
  height: 330px;
  opacity: 0;
  -moz-transition-property: opacity;
  -moz-transition-duration: 400ms;
  -moz-transition-timing-function: swing;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 400ms;
  -webkit-transition-timing-function: swing;
  transition-property: opacity;
  transition-duration: 400ms;
  transition-timing-function: swing;
}
.goods_thumb:hover:after {
  opacity: 1;
}

.goods_01_02,
.goods_01_02:after {
  width: 585px;
}
.goods_01_02,
.goods_03 {
  background-image:url(../img/goods/goods_thumb0.jpg);
}
.goods_04,
.goods_05 {
  background-image:url(../img/goods/goods_thumb1.jpg);
}
.goods_06,
.goods_07 {
  background-image:url(../img/goods/goods_thumb2.jpg);
}
.goods_08,
.goods_09,
.goods_10 {
  background-image:url(../img/goods/goods_thumb3.jpg);
}
.goods_11,
.goods_12,
.goods_13 {
  background-image:url(../img/goods/goods_thumb4.jpg);
}
.goods_14,
.goods_15,
.goods_16 {
  background-image:url(../img/goods/goods_thumb5.jpg);
}
.goods_17,
.goods_18,
.goods_19 {
  background-image:url(../img/goods/goods_thumb6.jpg);
}

.goods_01_02:after,
.goods_03:after {
  background-image:url(../img/goods/goods_thumb0.jpg);
}
.goods_04:after,
.goods_05:after {
  background-image:url(../img/goods/goods_thumb1.jpg);
}
.goods_06:after,
.goods_07:after {
  background-image:url(../img/goods/goods_thumb2.jpg);
}
.goods_08:after,
.goods_09:after,
.goods_10:after {
  background-image:url(../img/goods/goods_thumb3.jpg);
}
.goods_11:after,
.goods_12:after,
.goods_13:after {
  background-image:url(../img/goods/goods_thumb4.jpg);
}
.goods_14:after,
.goods_15:after,
.goods_16:after {
  background-image:url(../img/goods/goods_thumb5.jpg);
}
.goods_17:after,
.goods_18:after,
.goods_19:after {
  background-image:url(../img/goods/goods_thumb6.jpg);
}

.goods_01_02,
.goods_17,
.goods_14,
.goods_11,
.goods_08,
.goods_04,
.goods_06 {     background-position: 0 0; }

.goods_18,
.goods_15,
.goods_12,
.goods_09,
.goods_05,
.goods_07 {     background-position: -280px 0;  }

.goods_19,
.goods_16,
.goods_13,
.goods_10 {     background-position: -560px 0;  }

.goods_03 {     background-position: -585px 0;  }

.goods_01_02:after,
.goods_17:after,
.goods_14:after,
.goods_11:after,
.goods_08:after,
.goods_04:after,
.goods_06:after { background-position: 0 -330px;  }

.goods_18:after,
.goods_15:after,
.goods_12:after,
.goods_09:after,
.goods_05:after,
.goods_07:after { background-position: -280px -330px; }

.goods_19:after,
.goods_16:after,
.goods_13:after,
.goods_10:after { background-position: -560px -330px; }

.goods_03:after { background-position: -585px -330px; }
