.wpw-ba-viewer{
	position:relative;
	width:100%;
	min-width:250px;
	max-width:100%;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;	
	line-height: 0px;
	margin-bottom:10px;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;	
}


.wpw-ba-viewer-block .wpw-ba-mover1{
	-moz-transition-property: height;
    -moz-transition-duration: .40s;
    -ms-transition-property: height;
    -ms-transition-duration: .40s;
    -o-transition-property: height;
    -o-transition-duration: .40s;
    -webkit-transition-property: height;
    -webkit-transition-duration: .40s;
    transition-property: height;
    transition-duration: .40s;	
}

.wpw-ba-btn-open{
	cursor:pointer;
	display:inline-block;
	padding:3px;
	padding-right:5px;
	padding-left:5px;
	border:1px solid #aaa;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;  	
}


.wpw-ba-box{
	position:relative;
	width:100%;
	overflow:hidden;
	max-height:100%;
}

.wpw-ba-preloader{
	position:absolute;
	
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	
	background:url('graphics/preloader.gif') no-repeat 50% 50%;
	z-index:100;
}


.wpw-ba-mover{
	position:relative;
	width:100%;
	max-height:100%;
	max-width:100%;
	height:100%;
}

.wpw-ba-door{
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	margin: 0px 0px 0px -1px;
	border-left:2px solid #fff;
	z-index:1;
	overflow:visible !important;
}

.wpw-ba-wall{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index: 2;
	background: url('graphics/invisible.gif');
}

.wpw-ba-mask{
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:1;
}

.wpw-ba-url, .wpw-ba-url:hover{
	text-decoration:none;
	color: #fff;
	display:inline-block;
	padding-right: 5px;
}
.wpw-ba-url:hover{
	text-decoration:underline;
}

.wpw-ba-pic-box{
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
}


.wpw-ba-controller{
	position:absolute !important;
	width:100%;
	height:1px;
	top:50%;
	left:0px;
	z-index:2;
}

.wpw-ba-controller-sign{
	position:absolute !important;
	width: 80px;
	height: 170px;
	top: -70px;
	left: -40px;
	background:url('graphics/before_after_controller4.png') 0px 0px no-repeat;
	background-size: 80px 170px;
	cursor:pointer;	
	z-index:100;
	zoom:1;
}

@media (max-width: 495px) {
	.wpw-ba-controller-sign {
	    height: 120px;
	    top: -54px;
	    left: -27px;
	    background-size: 52px 110px;
	}
}

.wpw-ba-pic{
	width:100%;
	height:auto;
	max-height: none;
	max-width: none;
	display:block;	
	
	position:relative;
	z-index:0;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;	
	
	border-radius: 0px !important;
	box-shadow: none !important;	
}


.wpw-ba-controller-sign, .wpw-ba-footer, .wpw-ba-btn-zoom{
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;        	
    -moz-transition-property: opacity;
    -moz-transition-duration: .40s;
    -ms-transition-property: opacity;
    -ms-transition-duration: .40s;
    -o-transition-property: opacity;
    -o-transition-duration: .40s;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: .40s;

    transition-property: opacity;
    transition-duration: .40s;
}

.user-dragging .wpw-ba-controller-sign, .user-dragging .wpw-ba-footer, .user-dragging .wpw-ba-btn-zoom{
    filter: alpha(opacity=0);
    opacity: 0;  
}


.wpw-ba-footer{
	z-index:3;
	position:absolute;
	bottom:0px;
	width:100%;
	padding:5px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;  	
	
}


.wpw-ba-next, .wpw-ba-prev{
	bottom:5px;
	position: absolute;
	right: 5px;
	height: 22px;
	cursor: pointer;
	width: 30px;
	background: url('graphics/item_controls.png') no-repeat -30px 0px;
}

.wpw-ba-prev{
	width: 30px;
	right: 35px;
	background: url('graphics/item_controls.png') no-repeat 0px 0px;
}


.wpw-ba-info{
	position:relative;
	max-width:70%;
	display:inline-block;
	line-height: 1em;
	color: #fff;
	
    -moz-transition-property: bottom;
    -moz-transition-duration: .40s;
    -ms-transition-property: bottom;
    -ms-transition-duration: .40s;
    -o-transition-property: bottom;
    -o-transition-duration: .40s;
    -webkit-transition-property: bottom;
    -webkit-transition-duration: .40s;
    transition-property: bottom;
    transition-duration: .40s;	
}

.wpw-ba-info-hide{
	bottom:-300px;
}

.wpw-ba-info-bg{
	position:absolute;
	height:100%;
	width:100%;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;  	 	
	
	background: #000;

    zoom: 1;
    filter: alpha(opacity=80);
    opacity: 0.8;    	
 
}

.wpw-ba-info-text{
	position:relative;
	padding:5px;
	padding-left:8px;
	font-size: 14px;
	
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
}


.wpw-ba-gallery br{
	display:none;
}

.wpw-ba-loading{
	min-height:100px;
}

.wpw-ba-loading .wpw-ba-mover, .wpw-ba-loading .wpw-ba-box{
	min-height:100px;
}


.ba-selected-box{
	top:0px;
	position:relative !important;
}

.ba-unselected-box{
	top:0px;
	position:absolute;
}

/* _________________ LIGHTBOX*/


.wpw-ba-zoom-mode{
	z-index:10001;
	width:100% !important;
	height:100% !important;
}

.wpw-ba-btn-zoom{
	position:absolute;
	top:0px;
	right:5px;
	width:26px;
	height:28px;
	
	
	z-index:3;
	cursor:pointer;
	
	background: url('graphics/item_controls.png') no-repeat 0px -33px;
	
}

.wpw-ba-zoom-mode .wpw-ba-btn-zoom{
	background: url('graphics/item_controls.png') no-repeat -36px -33px;
}


.wpw-ba-lightbox{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index: 10000;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;	
}

.wpw-ba-lightbox-bg{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index: 100;
	background: #000;
	
    zoom: 0;
    filter: alpha(opacity=80);
    opacity: 0.8;    	
}

.wpw-ba-zoom-mode .wpw-ba-mover,
.wpw-ba-zoom-mode .wpw-ba-box
{
	height:100%;
}
.wpw-ba-zoom-mode .wpw-ba-pic{
	width:auto;
	height:auto;
	position:absolute;
}