.main,
.main li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main {
  margin-bottom: 5px;
}
.main li {
  width: 200px;
  height: 200px;
  overflow: hidden;
}
.main li a {
  cursor: zoom-in;
}
.main li.item2,
.main li.item3,
.main li.item4,
.main li.item5,
.main li.item6,
.main li.item7,
.main li.item8,
.main li.item9,
.main li.item10,
.main li.item11,
.main li.item12,
.main li.item13,
.main li.item14,
.main li.item15 {
  display: none;
}
.main li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.thumb,
.thumb li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.thumb li {
  display: inline-block;
  width: 33px;
  height: 33px;
  overflow: hidden;
  cursor: pointer;
  vertical-align: top;
  margin-bottom: 4px;
  border: 1px solid #e5e5e5;
  position: relative;
}
.thumb li img {
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}
.thumb li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}