#slideshow_box
{
  width: 100%;
  background-color: #c0c0c0;
  margin: 0 0 4px 0;
}

#slideshow
{
  display: block;
  position: relative;
  margin: 0;
  overflow: hidden;
  padding-top: 25%;
  width:100%;
  z-index: 2;
}

#slideshow div.ss_img
{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 25%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

}

/*---*/

div#slideshow #ss_prev,
div#slideshow #ss_next,
div#slideshow #ss_pause
{
  display: block;
  position: absolute;
  top: 0px;
  width: 25%;
  height: 100%;
  cursor: pointer;
  z-index: 4;

  background-repeat: no-repeat;
  opacity: 0;
 /* transition: opacity .4s ease-in-out;*/

  border: 1px none yellow;
}

div#slideshow #ss_prev:hover,
div#slideshow #ss_next:hover,
div#slideshow #ss_pause:hover
{
  opacity: 1;
}

div#slideshow #ss_prev
{
  background-image: url("/images/gallery/ig_prev.svg");
  background-position: 15% center;
  background-size: 25px;
  left: 0px;
}

div#slideshow #ss_next
{
  background-image: url("/images/gallery/ig_next.svg");
  background-position: 85% center;
  background-size: 25px;
  right: 0px;
}

div#slideshow #ss_pause
{
  background-image: url("/images/gallery/ig_pause.svg");
  background-position: center center;
  background-size: 60px;
  left: 50%;
  transform: translate(-50%, 0);
}

div#slideshow_box div#ss_description
{
 border-top: 1px solid #1c2023;
 padding: 4px 0;
}

div#slideshow_box div#ss_description p
{
  margin: 0; /* overide global margin for p */
}

/* image preloading */
@media screen
{
  div#cache_box
  {
    position: absolute;
    left: -10000px;
    top: -10000px;
  }

	div#cache_box img
  {
		display: block;
	}
}

@media print
{
	div#cache_box,
	div#cache_box img
  {
		visibility: hidden;
		display: none;
	}
}