/* ===========================
   ===== Lightbox  =====
   =========================== */
.centering{
	max-width:1300px;
	margin:50px auto;
	text-align: left
}
.lightbox_overlay{
	position: absolute;
	top: 0;
	left:0;
	background: black;
	opacity: 0.7;
	z-index:999;
	cursor: pointer;
}
.lightbox{
	position: absolute;
	background: white;
	z-index: 1000;

}
.spinner{
	position: absolute;
	top:calc(50% - 25px);
	left:calc(50% - 25px);
	font-size: 50px;
	-webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;

}
@-webkit-keyframes spin {
	from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
@keyframes spin {
	from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

.close{
	background: rgba(0, 0, 0, 0) url("../images/close.png") repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    height: 34px;
    position: absolute;
    width: 34px;
    z-index: 99999;
}
.next_img{
	background: rgba(0, 0, 0, 0) url("../images/next.png") repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 50px;
    height: 30px;
    opacity: 1;
    position: absolute;
    right: 10px;
    width: 30px;
    z-index: 99999;
}
.next_img:hover{
	opacity:1
}
.prev_img{
	background: rgba(0, 0, 0, 0) url("../images/prev.png") repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 50px;
    height: 30px;
    left: 10px;
    opacity: 1;
    position: absolute;
    width: 30px;
    z-index: 99999;
}
.prev_img:hover{
	opacity:1;
}