#lightbox,
#lightbox::before {
  opacity:0;
  pointer-events:none;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  transition:all .3s ease-in-out
}
#lightbox {
  position:fixed;
  cursor:pointer;
  z-index:9999999;
  line-height:0;
  font-family: sans-serif;
}
#lightbox::before {
  transition:all .3s ease-in-out;
  background:rgba(23, 31, 39, 0.95);
  z-index: 0;
  content:""
}
body.lightbox_visible #lightbox,
body.lightbox_visible #lightbox::before {
  opacity:1;
  pointer-events:all
}
#lightbox .img {
  position:relative;
  top:50%;
  left:50%;
  -ms-transform:translateX(-50%)translateY(-50%);
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  max-width:100%;
  max-height:100%
}
#lightbox .img img {
  opacity:0;
  pointer-events:none;
  width:auto;
  max-width:100%;
}
@media screen and (min-width:1200px) {
  #lightbox .img {
    max-width:1200px
  }
}
@media screen and (min-height:1200px) {
  #lightbox .img {
    max-height:1200px
  }
}
#lightbox span {
  display:block;
  position:fixed;
  bottom:13px;
  height:1.5em;
  line-height:1.4em;
  width:100%;
  text-align:center;
  color:#fff;
  text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000
}
#lightbox span {
  display:none
}
#lightbox .videoWrapperContainer {
  position:relative;
  top:50%;
  left:50%;
  -ms-transform:translateX(-50%)translateY(-50%);
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  width:1200px;
  max-width:100%;
  max-height:100%
}
#lightbox .videoWrapperContainer .videoWrapper {
  height:0;
  line-height:0;
  margin:0;
  padding:0;
  position:relative;
  padding-bottom:56.333%;
  background:#000
}
#lightbox .videoWrapper iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
  display:block
}
#lightbox #prev,
#lightbox #next {
  height:50px;
  line-height:36px;
  display:none;
  margin-top:-25px;
  position:fixed;
  top:50%;
  padding:0 15px;
  cursor:pointer;
  text-decoration:none;
  z-index:99;
  color:#fff;
  font-size:60px
}
#lightbox.gallery #prev,
#lightbox.gallery #next {
  display:block
}
#lightbox #prev {
  left:0
}
#lightbox #next {
  right:0
}
#lightbox #close {
  height:50px;
  width:50px;
  position:fixed;
  cursor:pointer;
  text-decoration:none;
  z-index:99;
  right:0;
  top:0;
  background:0 0 !important
}
#lightbox #close:after,
#lightbox #close:before {
  position:absolute;
  margin-top:22px;
  margin-left:14px;
  content:"";
  height:2px;
  background:#fff;
  width:23px;
  -webkit-transform-origin:50% 50%;
  -moz-transform-origin:50% 50%;
  -o-transform-origin:50% 50%;
  transform-origin:50% 50%;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg)
}
#lightbox #close:after {
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg)
}
#lightbox,
#lightbox * {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}