/*  
	Cascade Style Sheet - Class: jquery zoomer!
	Description: Image zooming & Panning + lightbox tool
	Author: pezflash - http://www.codecanyon.net/user/pezflash
	Version: 1.0
*/


/* ---------- Global ---------- */

/*changed from .container stop .zoomercontainer because .container is used by Bootstrap. It doesn't appear to be used so it's been commented out. */
/*.zoomercontainer {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -209px;
}*/



/* ---------- Zoomer ---------- */
.zoomer {
	/*position: relative;*/
    /*border: 1px solid #dadada;*/
    /*margin-bottom: 10px;*/
    background:#fff;
}	
.zoomer .holder {
	overflow: hidden;
    position:relative;
    /*background:#EEEEEE;*/
}
.zoomer .holder .image {
	overflow: hidden;
    margin: 0 auto;
    position:absolute;
}
.zoomer .holder .image img{
    max-width: none;
}

/* console */
.zoomer  .console {
	background-color:#E7E7E7;
    overflow:hidden;
	height:43px;
}
.zoomer  .console .left {
	margin: 6px 0!important;
	float: left;
	padding-left: 6px;
}
.zoomer  .console .left li:first-child {display:none;}
.zoomer  .console .left li + li span {padding-right: 5px;}
.zoomer .console .right {
	margin: 6px 0;
	float: right;
	padding-right: 2px;
}
.zoomer .console li {
	list-style-type: none;
	float: left;
	margin-right: 6px;
}
.zoomer  .console li span {
	float: left;
	cursor: pointer;
}
.zoomer .console li:first-child {display:none;}

/* thumbnails */
.zoomer .thumbs {
    overflow:hidden;
    padding-bottom: 5px;
    /*background: #eee;*/
    width: 110%;
}
.zoomer .thumbs img {
	border: 1px solid #e6e6e6;
	float: left;
	margin: 5px 0 0 5px;
	cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*hide view button for small devices*/
@media only screen and (max-width: 767px) {
    #zoomerView {
        display: none!important;
    }
}