.diy-slideshow{
  position: relative;
  display: block;
  overflow: hidden;
}
.diy-slideshow figure{
  position: absolute;
  opacity: 0;
  transition: 1s opacity;
}
.diy-slideshow figcaption{
	padding-top: 1em
	
}
.diy-slideshow figcaption a{
  color: #fff;
}
.diy-slideshow figure.show{
  opacity: 1;
  position: static;
  transition: 1s opacity;
}
.diy-slideshow .next, .diy-slideshow .prev{
  color: #fff;
  position: absolute;
  background: #dde7f2;
  top: 40%;
  z-index: 1;
  font-size: 2em;
  margin-top: -.75em;
  opacity: .8;
  user-select: none;
}
.diy-slideshow .next:hover, .diy-slideshow .prev:hover{
  cursor: pointer;
  opacity: 1;
}
.diy-slideshow .next{
  right: 0;
  padding: 10px 5px 15px 10px;
}
.diy-slideshow .prev{
  left: 0;
  padding: 10px 10px 15px 5px;
}