.slideshow-viewport-wrapper {
  position:relative;  
}
.slideshow {
  display:none;
}
.slideshow-viewport {
  overflow:hidden;
  width:100%;
  margin:0px auto;
  position:relative;
}
.slideshow-viewport ul {
  width:10000px;
  position:absolute;
  left:0px;
}
 .slideshow-viewport ul li {
  float:left;
}
 .slideshow-viewport ul li img {
  max-width:100%;
  display:block;
  margin:0px auto;
}

.slideshow-thumbnails-wrapper ul li {
  width:81px;
  display:inline-block;
  border:1px solid white;
  vertical-align:top;
  overflow:hidden;
}
.slideshow-thumbnails-wrapper ul li.hovered {
  border:1px solid #CCC;
}
.slideshow-thumbnails-wrapper ul li.selected {
  border:1px solid orange;
}
.slideshow-thumbnails-wrapper ul li img {
  max-width:100%;
  display:block;
}
.slideshow-thumbnails { display:none; }

.slideshow-pager {
  text-align:center;
  line-height:0px;
  margin-bottom:8px;
}
.slideshow-pager div {
  display:inline-block;
  width:10px;
  height:10px;
  background-color:#AFAFA5;
  margin:8px 6px 0px 6px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  cursor:pointer;
  opacity:0.5;
  border:1px solid #777;
}
.slideshow-pager div.selected {
  background-color:#666;  
}
.slideshow-caption {
  display:none;
  padding:8px;
  width:100%;
  text-align:left;
  left:0px;
  bottom:10px;
  position:absolute;
  background-color:white;
  background-color:#EEE;
  opacity:0.8;
  filter:alpha(opacity=80); 
}
.slideshow-controls {
  display:none;
}
.slideshow-controls div {
  position:relative;
}
.slideshow-controls div {
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  width:30px;
  height:30px;
  color:#666;
  cursor:pointer;
  font-family:Arial, sans-serif;
  font-size:48px;
  line-height:22px;
  text-align:center;
}
.slideshow-controls div.controls-left {
  left:0px;
}
.slideshow-controls div.controls-right {
  right:0px;
}
@media screen and (min-width: 35.5em) {
 .slideshow-controls {
   display:block;
}

}