#main.item .imgbox .img .large::after {
  background-image: url(/themes/images/static/img/ic_zoom.svg);
  opacity: 1;
  transition: all 0.3s;
  height: 50px;
    width: 50px;}

#main.item .imgbox .img .large:hover::after {
  opacity: 0; }

.imgbox .zoom {
  background-color: #fff;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  display: none;
  overflow: hidden;
  position: absolute;
  left: 350px;
  height: 550px;
  width: 570px;
  box-shadow: 0px 5px 8px rgba(0,0,0,0.15)}
  .imgbox .zoom .zoomObj {
    display: none;
    max-width: 1824px;
    height: auto;
    width: auto;
	max-height: 1824px;
    position: absolute;
    left: 0;
    top: 0; }
    .imgbox .zoom .zoomObj.active {
      display: block; }

.imgbox .large {
  cursor: none; }
  .imgbox .large .zoomLens {
    background-color: rgba(48, 181, 239, 0.3);
    background-image: url(/themes/images/static/img/point_zoom.svg);
    background-position: center center;
    background-repeat: no-repeat;
	border: 1px #fff solid;
    content: '';
    cursor: none;
    display: none;
    height:100px;
    width: 100px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100; }
	
.imgwrp {position: relative; text-align: center;margin: 0 auto;}
#main.item .imgbox .img .large img { max-height:320px; max-width: 320px;width: auto; height: auto; margin: 0 auto;}

.imgbox .large .zoomLens {    animation: fadeIn .5s ease 0s 1 normal;
    -webkit-animation: fadeIn .5s ease 0s 1 normal;}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}}