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


/* ---------- Global ---------- */
body {
	background: #000000;
}
.container {
	position: fixed;
	top: 50px;
	left: 600px;

}




/* ---------- Zoomer ---------- */

.zoomer {
	/*border: 1px solid #e6e6e6;*/
	background: #cccccc;
	margin-bottom: 70px;
}

.zoomer .holder {
	/*border: 1px solid #212121;*/
	background: #cccccc;
}
.zoomer .holder .image {
	overflow: hidden;
}

/* console */

.zoomer .holder .console {
    position: absolute;
    top: 20px;
    height: 35px;
    padding-top: 7px;
    background-color:#0b0b0b;
}
/*.zoomer .holder .console {
	height: 35px;
	padding-top: 7px;
	background-color:#0b0b0b;
}*/
.zoomer .holder .console .left {
	margin: 0;
	float: left;
	padding-left: 6px;
}
.zoomer .holder .console .right {
	margin: 0;
	float: right;
	padding-right: 2px;
}
.zoomer .holder .console li {
	list-style-type: none;
	float: left;
	margin-right: 6px;
}
.zoomer .holder .console li span {
	float: left;
	cursor: pointer;
}

/* thumbnails */
.zoomer .thumbs img {
	/*border: 1px solid #212121;*/
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	cursor: pointer;
}



/* ---------- DUPLICATED CSS ---------- */
.container2 {
	position: fixed;
	top: 50px;
	left: 50px;
}

.zoomer2 {
	/*border: 1px solid #e6e6e6;*/
	background: #cccccc;
	margin-bottom: 70px;
}

.zoomer2 .holder2 {
	/*border: 1px solid #212121;*/
	background: #cccccc;
}
.zoomer2 .holder2 .image2 {
	overflow: hidden;
}

/* console */

.zoomer2 .holder2 .console2 {
    position: absolute;
    top: 20px;
    height: 35px;
    padding-top: 7px;
    background-color:#0b0b0b;
}
/*.zoomer .holder .console {
	height: 35px;
	padding-top: 7px;
	background-color:#0b0b0b;
}*/
.zoomer2 .holder2 .console2 .left {
	margin: 0;
	float: left;
	padding-left: 6px;
}
.zoomer2 .holder2 .console2 .right {
	margin: 0;
	float: right;
	padding-right: 2px;
}
.zoomer2 .holder2 .console2 li {
	list-style-type: none;
	float: left;
	margin-right: 6px;
}
.zoomer2 .holder2 .console2 li span {
	float: left;
	cursor: pointer;
}

/* thumbnails */
.zoomer2 .thumbs2 img {
	/*border: 1px solid #212121;*/
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	cursor: pointer;
}



/* ---------- DUPLICATED CSS ---------- */
.container3 {
	position: fixed;
	top: 50px;
	left: 50px;
}

.zoomer3 {
	/*border: 1px solid #e6e6e6;*/
	background: #cccccc;
	margin-bottom: 70px;
}

.zoomer3 .holder3 {
	/*border: 1px solid #212121;*/
	background: #cccccc;
}
.zoomer3 .holder3 .image3 {
	overflow: hidden;
}

/* console */

.zoomer3 .holder3 .console3 {
    position: absolute;
    top: 20px;
    height: 35px;
    padding-top: 7px;
    background-color:#0b0b0b;
}
/*.zoomer .holder .console {
	height: 35px;
	padding-top: 7px;
	background-color:#0b0b0b;
}*/
.zoomer3 .holder3 .console3 .left {
	margin: 0;
	float: left;
	padding-left: 6px;
}
.zoomer3 .holder3 .console3 .right {
	margin: 0;
	float: right;
	padding-right: 2px;
}
.zoomer3 .holder3 .console3 li {
	list-style-type: none;
	float: left;
	margin-right: 6px;
}
.zoomer3 .holder3 .console3 li span {
	float: left;
	cursor: pointer;
}

/* thumbnails */
.zoomer3 .thumbs3 img {
	/*border: 1px solid #212121;*/
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	cursor: pointer;
}




/* ---------- DUPLICATED CSS ---------- */
.container4 {
	position: fixed;
	top: 50px;
	left: 50px;
}

.zoomer4 {
	/*border: 1px solid #e6e6e6;*/
	background: #cccccc;
	margin-bottom: 70px;
}

.zoomer4 .holder4 {
	/*border: 1px solid #212121;*/
	background: #cccccc;
}
.zoomer4 .holder4 .image4 {
	overflow: hidden;
}

/* console */

.zoomer4 .holder4 .console4 {
    position: absolute;
    top: 20px;
    height: 35px;
    padding-top: 7px;
    background-color:#0b0b0b;
}
/*.zoomer .holder .console {
	height: 35px;
	padding-top: 7px;
	background-color:#0b0b0b;
}*/
.zoomer4 .holder4 .console4 .left {
	margin: 0;
	float: left;
	padding-left: 6px;
}
.zoomer4 .holder4 .console4 .right {
	margin: 0;
	float: right;
	padding-right: 2px;
}
.zoomer4 .holder4 .console4 li {
	list-style-type: none;
	float: left;
	margin-right: 6px;
}
.zoomer4 .holder4 .console4 li span {
	float: left;
	cursor: pointer;
}

/* thumbnails */
.zoomer4 .thumbs4 img {
	/*border: 1px solid #212121;*/
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	cursor: pointer;
}