/* CSS class for zoomed area */
.MagicZoomBigImageCont{border:1px solid #202020; margin-left:0px;}
.MagicZoomBigImageCont img{width:800px;height:800px;}
.MagicZoomBigImageCont iframe{width:200px; height:200px; border:1px solid #202020;}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0;}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none}
.MagicThumb-zoomed{cursor:default;}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #202020;outline:none}
.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #202020;border-top:none;font-family:Verdana, Helvetica;font-size:11px;}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden;}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(graphics/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(../../images/loading.gif) no-repeat 2px 50%;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}

@media (max-width: 767px) {
.MagicZoomBigImageCont{border:0px solid #202020;}
.MagicZoomBigImageCont iframe{width:0px;height:0px; overflow:hidden;}
.MagicZoomBigImageCont img{width:0px;height:0px;}
.MagicZoomPup{border:1px solid #FFF;background:#fff;cursor:hand;left:0;}
}