.slideshow {
  display: block;
  position: relative;
  z-index: 0;
}
.slideshow-images {
  overflow: hidden;
  display: block;
  position: relative;
}
.slideshow-images img {
  display: block;
  position: absolute;
  z-index: 1;
}
.slideshow-thumbnails {
  overflow: hidden;
}
.slideshow {
  margin: 0 auto 0 230px;
  background: transparent url(../images/back.png) no-repeat scroll 0 50%;
  width: 624px;
  height: 624px;
}
.slideshow a img {
  border:  none;
}
.slideshow-images {
  width: 600px;
  height: 600px;
  left: 12px;
  top: 12px;
}
.slideshow-images-visible {
  opacity: 1;
}
.slideshow-images-prev {
  opacity: 0;
}
.slideshow-images-next {
  opacity: 0;
}
.slideshow-images img {
  float: left;
  left: 0;
  top: 0;
  position: static;
}
.slideshow-thumbnails * {
  margin: 0;
  padding: 0;
}
.slideshow-thumbnails li {
  margin: 5px 5px 5px 0;
  float: left;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  position: relative;
}
.slideshow-thumbnails a {
  padding: 5px;
  display: block;
  float: left;
  position: relative;
}
.slideshow-thumbnails a:hover {
  background-color: #ffff99 ! important;
  opacity: 1 ! important;
}
.slideshow-thumbnails img {
  display: block;
}
.slideshow-thumbnails-active {
  background-color: #99ffff;
  opacity: 1;
}
.slideshow-thumbnails-inactive {
  background-color: #ffffff;
  opacity: 0.5;
}
.slideshow-thumbnails {
  overflow: auto;
  height: 100%;
  right: auto;
  left: -135px;
  top: 0;
  position: absolute;
  width: 135px;
}
.slideshow-thumbnails ul {
  height: 100%;
  position: absolute;
  width: 120px;
}
.slideshow-captions {
  padding: 0 10px;
  background: #000000 none repeat scroll 0% 50%;
  overflow: hidden;
  bottom: 12px;
  color: #ffffff;
  font-family: Arial,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  font-size-adjust: none;
  font-stretch: normal;
  left: 12px;
  position: absolute;
  width: 580px;
  z-index: 10000;
}
.slideshow-captions-hidden {
  opacity: 0;
}
.slideshow-captions-visible {
  opacity: 0.7;
}
.slideshow-controller {
  margin: -21px 0 0 -119px;
  background: transparent url(../images/controller.png) no-repeat scroll 0% 50%;
  overflow: hidden;
  height: 42px;
  left: 50%;
  position: absolute;
  bottom: 10%;
  width: 238px;
  z-index: 10000;
}
.slideshow-controller * {
  margin: 0;
  padding: 0;
}
.slideshow-controller-hidden {
  opacity: 0;
}
.slideshow-controller-visible {
  opacity: 1;
}
.slideshow-controller a {
  overflow: hidden;
  cursor: pointer;
  display: block;
  height: 18px;
  position: absolute;
  top: 12px;
}
.slideshow-controller a.active {
  background-position: 0 18px;
}
.slideshow-controller li {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
.slideshow-controller li.first a {
  background-image: url(../images/controller-first.gif);
  left: 33px;
  width: 19px;
}
.slideshow-controller li.last a {
  background-image: url(../images/controller-last.gif);
  left: 186px;
  width: 19px;
}
.slideshow-controller li.next a {
  background-image: url(../images/controller-next.gif);
  left: 145px;
  width: 28px;
}
.slideshow-controller li.pause a {
  background-image: url(../images/controller-pause.gif);
  left: 109px;
  width: 20px;
}
.slideshow-controller li.play a {
  background-position: 20px 0;
}
.slideshow-controller li.play a.active {
  background-position: 20px 18px;
}
.slideshow-controller li.prev a {
  background-image: url(../images/controller-prev.gif);
  left: 65px;
  width: 28px;
}