#slideshow
{
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 966px;
  margin: 0 auto;
  left: 0px;
  top: 0px;
  margin: 0px auto 0px auto;
  border: 3px solid black; /* #FFE135 #A52A2A */
  border-radius: 10px;
  -webkit-box-shadow: 0 12px 6px -6px rgba(99, 99, 99, .80);
	box-shadow: 0 12px 6px -6px rgba(99, 99, 99, .80);
}

.ImageBox
{
  flex: 1 0 25%;
  position:relative;
  overflow: visible;
  text-align: left;
  width: 25%;
  padding-top: 25%;
  background-color: #c0c0c0;
}

.ImageBox div
{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 100%;
  -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;

  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
}

#imgdv_hidden
{
  position: absolute;
  left: -1000px;
  top: 0;
  visibility: hidden;
}

#imgdv_hidden #img_hidden
{
  position: absolute;
  left: 0;
  visibility: hidden;
}