@charset "utf-8";
/* CSS Document */



.hoverWrapper, div[id*=hoverbox_]
{
	background-color:#000;
	opacity:1;
}

.hoverWrapper
{
	background-size:cover;
	background-position:center;
}

.hoverWrapper .widgetInfo
{
	xdisplay:none;
	opacity:0;
}


div[id*=hoverbox_] .hoverWrapper
{
	width:100%;
	height:330px;
	position:relative;
}

.HPbigbox .hoverWrapper
{
	width:100%;
	height:550px
}

div[id*=hoverbox_] .hoverWrapper .widgetTitle
{
	position:absolute;
	left:35px;
	bottom:60px;

}

div[id*=hoverbox_] .hoverWrapper .widgetInfo
{
	position:absolute;
	left:35px;
	bottom:30px;

}


.HPbigbox .hoverWrapper .widgetTitle
{
	position:absolute;
	right:35px;
	bottom:60px;

}

.HPbigbox .hoverWrapper .widgetInfo
{
	position:absolute;
	left:35px;
	top:30px;
	right:60px

}

.hoverWrapper, .hoverWrapper p , .hoverWrapper h3, .hoverWrapper A
{
	COLOR:#FFF;
}

a, .hoverWrapper, .widgetInfo, .hoverShade
{
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-ms-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}

.hoverWrapper:hover
{
	xopacity:.7
}

.hoverWrapper:hover .widgetInfo
{
	opacity:.7;
	display:inline-block
}

.hoverWrapper .hoverShade
{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	opacity:0;
	background-color:#000
}

.hoverWrapper:hover .hoverShade
{
	opacity:.5;
}

.HPbigbox h3
{
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	padding-left:15px;
	padding-bottom:15px;
}

#thedifference .hoverWrapper, div[id*=hoverbox_] {
   background-color:transparent;
}