a.enlarger-close {
  display: block;
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 101;
  width: 25px;
  height: 25px;
  background: url("../img/enlarger.png") no-repeat 0 0;
  white-space: nowrap;
  text-indent: -9999px;
}
a.enlarger-close:hover {
  background-position: 0 -30px;
}

div.enlarger-nav a {
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
  width: 8px;
  height: 100%;
  white-space: nowrap;
  text-indent: -9999px;
}
div.enlarger-nav a span {
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  background: url("../img/enlarger.png") no-repeat 9999px 9999px;
}

div.enlarger-nav a.enlarger-previous {
  left: -50px;
  padding-right: 49px;
}
div.enlarger-nav a.enlarger-previous span {
  left: 0;
  background-position: 0 -254px;
}
div.enlarger-nav a.enlarger-previous:hover span { background-position: 0 -314px; }
div.enlarger-nav a.enlarger-previous.enlarger-disabled span { background-position: 0 -374px; }

div.enlarger-nav a.enlarger-next {
  right: -50px;
  padding-left: 49px;
}
div.enlarger-nav a.enlarger-next span {
  right: 0;
  background-position: 100% -74px;
}
div.enlarger-nav a.enlarger-next:hover span { background-position: 100% -134px; }
div.enlarger-nav a.enlarger-next.enlarger-disabled span { background-position: 100% -194px; }

div.enlarger-nav a.enlarger-disabled { cursor: default; }

div.enlarger-tools {
  position: fixed; top: 20px; left: 20px; z-index: 100;
  font-size: 18px;
  text-transform: lowercase;
}
div.enlarger-tools a {
  /*color: #1b1c29;*/
  color: #fff;
  text-decoration: none;
}
div.enlarger-tools a:hover {
  color: #fff;
  text-decoration: underline;
}
div.enlarger-tools a.enlarger-print {
  display: inline-block;
  height: 24px;
  background: url("../img/enlarger.png") no-repeat 0 -490px; /* -440px */
  padding-left: 32px;
  line-height: 24px;
}
div.enlarger-tools a.enlarger-print:hover {
  background-position: 0 -490px;
}

div.enlarger-title {
  position: fixed; top: 18px; left: 50px; right: 50px; z-index: 100;
  color: #fff;
  font-size: 20px; font-weight: bold; text-align: center;
  text-shadow: 0 0 2px #2b2b35;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

div.enlarger-image { overflow: hidden; }
div.enlarger-image img { width: 100%; }

div.enlarger-container {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 100;
  padding: 8px;
  background: #fff url("../img/spinner.gif") no-repeat 9999px 9999px;
}

div.enlarger-overlay {
  position: fixed; top: 0; left: 0; z-index: 100;
  width: 100%; height: 100%;
  background: #323c42 url("../img/enlarger_spinner.gif") no-repeat 50% 50%;
  opacity: 0.9;
}

@media screen and (-webkit-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  a.enlarger-close,
  div.enlarger-nav a span,
  div.enlarger-tools a.enlarger-print {
    background-image: url('../img/enlarger_x2.png'); background-size: 25px auto;
  }

  div.enlarger-container {
    background-image: url('../img/spinner_x2.gif'); background-size: 32px auto;
  }
  div.enlarger-overlay {
    background-image: url('../img/enlarger_spinner_x2.gif'); background-size: 32px auto;
  }
}