.lightbox {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.62);
  z-index: 6000; }
  .lightbox__content {
    width: 540px;
    height: 540px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -270px;
    margin-top: -270px; }
  .lightbox__image {
    width: 100%;
    height: auto;
    display: block; }
  .lightbox__close {
    cursor: pointer;
    font-size: 32px;
    position: absolute;
    color: #FFF;
    top: 0px;
    left: 100%;
    margin-left: -32px; }