html.viewer-open {
  overflow: hidden; }
  html.viewer-open body {
    overflow: hidden; }

.zoom-viewer {
  display: block;
  width: 100%;
  position: relative; }
  .zoom-viewer .anchor {
    display: block;
    cursor: pointer; }
    .zoom-viewer .anchor img {
      display: block;
      width: 100%;
      height: auto;
      position: relative; }
    .zoom-viewer .anchor:after {
      content: '';
      position: absolute;
      top: 16px;
      right: 16px;
      width: 50px;
      height: 50px;
      overflow: hidden;
      overflow: hidden;
      background-image: url("../images/sprite.png");
      background-repeat: no-repeat;
      display: inline-block;
      background-position: 0 -137px;
      display: block; }

.downloadable {
  display: block;
  width: 100%;
  position: relative; }
  .downloadable a {
    display: block;
    cursor: pointer; }
    .downloadable a img {
      display: block;
      width: 100%;
      height: auto;
      position: relative; }
    .downloadable a:after {
      content: '';
      position: absolute;
      top: 16px;
      right: 16px;
      width: 50px;
      height: 50px;
      overflow: hidden;
      overflow: hidden;
      background-image: url("../images/sprite.png");
      background-repeat: no-repeat;
      display: inline-block;
      background-position: -102px -137px;
      display: block;
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 50%; }

.viewer {
  background: #000; }
  .viewer button {
    position: relative;
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: top; }
    .viewer button img {
      position: absolute !important;
      top: 0;
      left: 0;
      background-color: #0d0; }