/*

 * ******************************************************************************

 *  jquery.mb.components

 *  file: mb.zoomify.css

 *

 *  Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi);

 *  Open lab srl, Firenze - Italy

 *  email: matteo@open-lab.com

 *  site: 	http://pupunzi.com

 *  blog:	http://pupunzi.open-lab.com

 * 	http://open-lab.com

 *

 *  Licences: MIT, GPL

 *  http://www.opensource.org/licenses/mit-license.php

 *  http://www.gnu.org/licenses/gpl.html

 *

 *  last modified: 15/05/14 21.57

 *  *****************************************************************************

 */



/*mb.zoomify css property*/







/*

* {

  -webkit-user-select: none !important;

  -moz-user-select: -moz-none !important;

  -ms-user-select: none !important;

  user-select: none !important;

}

*/





.zoomOverlay{

  box-shadow: none;

}



.zoomWrapper{

}



.zoomIn{

  cursor:url("zoomin.png"), -moz-zoom-in ;

}



.zoomOut{

  cursor: url("zoomout.png"), -moz-zoom-in ;

}



.move{

  cursor: url("cursor-hand.png"), -moz-zoom-in !important;

}



.grab{

  cursor: url("cursor-grab.png"), -moz-zoom-in !important;

}



#loader{

  background: url("../images/bx_loader.gif") no-repeat center center;
  

}



img.zoomify{

  cursor:url("zoomin.png"), -moz-zoom-in;

}



.zoomControls{

  background:none;

  padding: 5px 5px 0 5px ;

  text-align: center;

  border-radius: 8px;

  margin-top: 3px;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



.zoomInControl{

  display: inline-block;

  width: 30px;

  height: 25px;

  background:   url("zoomin.png") no-repeat center center;

  cursor: pointer;

  opacity: .5;

  border-right: 1px solid #666;

  position:absolute;

  bottom:10px;

  right:30px;

}



.zoomOutControl{

  display: inline-block;

  width: 30px;

  height: 25px;

  background:  url("zoomout.png") no-repeat center center;

  cursor: pointer;

  opacity: .5;

  position:absolute;

  bottom:10px;

  margin-left:30px;

  right:0px;

}



.zoomCloseControl{

  display: inline-block;

  position: absolute;

  top:5px;

  right: 5px;

  width: 100px;

  height: 40px;

  cursor: pointer;

  background: none;

  padding: 10px 0 10px 0;

  text-align: center;

  border-radius: 50px;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  z-index: 110000;

}




.zoomCloseControl:after{

  content: "Close X";

  color:#9b9782;

  font-weight:bold;

  line-height: 20px;

  font-size: 13px;

  text-transform: uppercase;

   font-family: "gotham_htfbook";

}



.zoomOutControl:hover,

.zoomInControl:hover,

.zoomCloseControl:hover {

  opacity: 1;

}



.zoomOutControl.disabled, .zoomInControl.disabled {

  opacity: .2 !important;

}



#zoomScreenOver{

  background: rgba(0,0,0,.5);

  z-index: 100000 !important;

}



#zoomScreenOver img{

  max-width: none !important;

  max-height: none !important;

}



#zoomScreen{

  width: 100%;

  height: 100%;

  margin-top:0px !important;

  background: #fff;

  /*border: 5px solid rgba(255,255,255,0.3);*/

  border:0px solid rgba(242,242,242, 1);



  -webkit-user-select: none !important;

  -moz-user-select: -moz-none !important;

  -webkit-user-select: none !important;

  -ms-user-select: none !important;

  user-select: none !important;



}



#zoomScreen.isTouch{

  position: fixed;

  top:0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #000000;

  border: 0px solid white;

}