#lightbox { position: fixed; bottom: 0; right: 0; top: 0; left: 0; z-index: 9999; background: url(../img/fancybox_overlay.png); overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; display: inline-block; text-align: center; padding: 25% 5%; box-sizing: border-box; }

#lightbox .lightbox_info { width: 100%; position: relative; }
#lightbox img { width: 100%; }

.close { background: url(../img/close.png) no-repeat; width: 24px; height: 24px; font-size: 0; cursor: pointer; position: absolute; top: 22%; right: 5%; }

@media (min-width: 400px) { #lightbox { padding-top: 4%; } }
@media (min-width: 768px) { #lightbox { padding: 5% 0%; }
  #lightbox img { width: auto; }
  #lightbox .lightbox_info { width: auto; display: inline-block; }
  .close { display: inline-block; right: 5%; } }

/*# sourceMappingURL=lightbox.css.map */