/*
  Zoom specific
*/

.modalZoom {top:50px!important;left:50px!important;right:50px!important;bottom:50px!important;width:auto!important;height:auto!important;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow:none;}
#zoomContainer {width:100%;height:100%;}
#previews {width:150px;height:100%;position:relative;float:right;right:0;border-left:1px solid #DDDDDD;z-index:1100;}
#previews a {display: block;margin:0 40px 10px 40px;position: relative;opacity:0.2;}
#previews a.selected {opacity:1;}
#previews a:first-child {margin-top:60px;}
#previews a:hover, #previews a.selected {}
#previews div { border:2px solid red;background-color: #fab; opacity: .5; position:absolute; width:10px; height: 10px; }
#previews a img { width:70px; height:auto;}
#previews a.frame img {display:block; opacity:0.1;}
#previews a.frame {background: url(/ab/img/fiche-produit/ico-flixmedia.png) no-repeat 0 0;}
#zoom { height:100%; /*margin:10px;*/  /*border:1px solid #888;*/  /* Must not display scrollbars */  overflow:hidden; position: relative;}
#zoom img { display:block; margin:auto; position: absolute; cursor: url(/ab/img/fiche-produit/curseur-plus.png), auto; }
#zoom img.zoomed {cursor: url(/ab/img/fiche-produit/curseur-moins.png), auto;}
#zoom img.nonzoomable { cursor: auto; }
#zoom iframe {background-color:#fff;background-image:none;}
@media screen and (max-width: 1024px) {
    .modalZoom { top: 50% !important; left: 50% !important;transform: translateX(-50%) translateY(-50%); width: calc(100% - 50px) !important; height: 80% !important;}
    #previews {width:450px;float: none ;border-left:none;margin: auto;height: 90px;}
    #previews a:first-child {margin-top:0px;}
    #previews a {display: inline-block;margin:10px;}
  }