/*
  Zoom specific
*/

.modalZoom {
  width:90%;
  height:86%;
  -moz-box-shadow: 0px 0px 8px rgba(0,0,0,1);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,1);
  box-shadow: 0px 0px 8px rgba(0,0,0,1);
}

#zoomContainer {
  width:100%;
  height:100%;
}

#previews {
  width:100px;
  float:left;
  height:100%;
  background:#ddebf4;
  overflow-y:auto;
  overflow-x:hidden;
  padding: 0 0 0 20px;
}

#previews a {
  display: block;
  border: 1px solid #e1e1e1;
  margin:10px 0 0;
  float:left;
  position: relative;
}

#previews a:first-child {
  margin:20px 0 0;
}

#previews a:hover, #previews a.selected {
  border:1px solid #00288c;
}

#previews div {
  border:2px solid red;
  background-color: #fab;
  opacity: .5;
  position:absolute;
  width:10px;
  height: 10px; 
}

#previews a img {
  width:80px;
  height:80px;
}

#previews a.frame img 
{
  display:block;
  opacity:0.1;
}
#previews a.frame {
  background: url(/v3/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(/v3/img/fiche-produit/curseur-plus.png), auto; 
    cursor: url(/v3/img/fiche-produit/curseur-plus.cur), auto;/* IE compatibility */
}

#zoom img.zoomed 
{
   cursor: url(/v3/img/fiche-produit/curseur-moins.png), auto;
   cursor: url(/v3/img/fiche-produit/curseur-moins.cur), auto; /* IE compatibility */
}

#zoom img.nonzoomable {
  cursor: auto; 
}

#zoom iframe {
  background-color:#fff;
  background-image:none;
}