<STYLE>
/* картинка на странице */
.minimized {
  cursor: pointer;
  background: #fff;
}
.minimized:hover {
  cursor: url("https://tsrmedia.ru/_real/img/pointer-zoom.png"), auto;
  opacity: 0.7;
}
/* увеличенная картинка */
#magnify {
  display: none;
  position: fixed;
  max-width: 1200px;
  max-height: 1200px;
  height: auto;
  z-index: 2222;
}
#magnify img {
  width: 100%;
}
/* затемняющий фон */
#overlay {
  display: none;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  z-index: 1111;
}
/* кнопка закрытия */
#close-popup {
  width: 60px;
  height: 46px;
  background: #FFFFFF;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  opacity: 0.6;
}
#close-popup i {
  width: 60px;
  height: 46px;
  background: url(/_real/img/cross2.png) no-repeat center center;
  background-size: 60px 46px;
  display: block;
  opacity: 0.6;
}
</STYLE>