.gallery {
  position: relative;
  padding: 0 !important;
  margin: 0 auto;
  width: 640px;
  height: 440px;
}
.gallery > img {
  display: none;
}
.gallery > img:first-child {
  display: block;
}
.gallery .stage {
  width: 100%;
  height: 100%;
}
.gallery .thumbs {
  position: absolute;
  z-index: 210;
  width: 100%;
  height: 30px;
}
.gallery .thumbs img {
  border: solid 2px #eee;
  cursor: pointer;
}
.gallery .thumbs img.current {
  border: solid 2px gold;
  box-shadow: 0px 0px 1px 1px gold;
}
.gallery .stage img, .gallery .thumbs img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}
.gallery .prev, .gallery .next {
  position: absolute;
  z-index: 200;
  top: 0px;
  width: 80px;
  height: 100%;
  cursor: pointer;
}
.gallery .prev {
  left: 0px;
}
.gallery .prev:hover {
  background: rgba(255,255,255,0.5);
}
.gallery .prev:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60px;
  height: 100%;
  background: url(/images/white-arrows.png) 0 center no-repeat;
}
.gallery .next {
  right: 0px;
}
.gallery .next:hover {
  background: rgba(255,255,255,0.5);
}
.gallery .next:before {
  content: '';
  position: absolute;
  right: 0px;
  top: 0px;
  width: 60px;
  height: 100%;
  background: url(/images/white-arrows.png) -60px center no-repeat;
}