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


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

.container {
	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;
    margin: 0 auto 5px;
}
.zoomer .holder .image {
	overflow: hidden;
}
.zoomer .holder .image img{
    max-width: none;
}

/* console */
.zoomer  .console {
	background-color:#ccc;
    overflow:hidden;
}
.zoomer  .console .left {
	margin: 6px 0;
	float: left;
	padding-left: 6px;
}
.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;
}

/* 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;
    }
}