.zoom-video {
  margin: 1em 0;
  position: relative;
  max-width: 40em;
  width: 100%;
}
.zoom-video a {
  display: block;
}
.zoom-video a img {
  border: 1px solid #ccc;
  cursor: pointer;
}
.zoom-video svg {
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  filter: alpha(opacity=40);
  transform: translateX(-50%) translateY(-50%);
  transition-duration: 0.2s;
  cursor: pointer;
  left: 50%;
  max-width: 20%;
  max-height: 33%;
  position: absolute;
  top: 50%;
}
.zoom-video:hover svg {
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  -webkit-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  filter: alpha(opacity=60);
  max-width: 22.5%;
  max-height: 37%;
}
.zoom-video .img-wrapper {
  position: relative;
}