#zz_frame::before {
  content:  '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0,0,0,0.85);
  z-index: -1;
}
#zz_frame {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
}
#zz_media {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin: 0 auto;
  display: inline-block;
}
#zz_media img {
  width: 100%;
  box-shadow: 0px 0px 20px 1px rgb(0,0,0);
}

#zz_frame .zz_controls {
    position: absolute;
    top: 7.8%;
    left: 70.7%;
    transform: translateY(-50%) translateX(-50%);
    display: inline-block;
}
#zz_frame .zz_controls button {
    border: 0;
    padding: 5px 10px;
    color: red;
}