﻿.easyzoom {
 position:relative;
 display:inline-block;
 *display:inline;
 *zoom:1
}
.easyzoom img {
 vertical-align:bottom;
 margin-top: 50px;
}
.easyzoom.is-loading img {
 cursor:progress
}
.easyzoom.is-ready img {
}
.easyzoom.is-error img {
 cursor:not-allowed
}
.easyzoom-notice {
 position:absolute;
 top:50%;
 left:50%;
 z-index:150;
 width:10em;
 margin:-1em 0 0 -5em;
 line-height:2em;
 text-align:center;
 background:#fff;
 box-shadow:0 0 10px #888
}
.easyzoom-flyout {
 border-radius:5px;
 position:absolute;
 z-index:100;
 overflow:hidden;
 background:#fff;
 top:24px;
 right:-596px;
 width:143%;
 height:114%;
 -webkit-box-shadow:0 0 0 1px #d4d4d5,0 2px 4px 0 rgba(34,36,38,.15),0 2px 10px 0 rgba(34,36,38,.25);
 box-shadow:0 0 0 1px #d4d4d5,0 2px 4px 0 rgba(34,36,38,.15),0 2px 10px 0 rgba(34,36,38,.25)
}
.easyzoom-flyout img {
 max-width:initial!important
}
@media(min-width:992px) and (max-width:1199px) {
 .easyzoom-flyout {
  border-radius:5px;
  position:absolute;
  z-index:100;
  overflow:hidden;
  background:#fff;
  top:22px;
  width:140%;
  height:114%;
  -webkit-box-shadow:0 0 0 1px #d4d4d5,0 2px 4px 0 rgba(34,36,38,.15),0 2px 10px 0 rgba(34,36,38,.25);
  box-shadow:0 0 0 1px #d4d4d5,0 2px 4px 0 rgba(34,36,38,.15),0 2px 10px 0 rgba(34,36,38,.25);
  right:-535px
 }
}
.easyzoom--overlay .easyzoom-flyout {
 top:0;
 left:0;
 width:100%;
 height:100%
}
.easyzoom--adjacent .easyzoom-flyout {
 top:0;
 left:100%;
 width:100%;
 height:100%;
 margin-left:20px
}
