.oxsn_hover_box_wrap {
	display: inline-block;
	position: relative;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.oxsn_hover_box_wrap .image-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.oxsn_hover_box_wrap .oxsn_hover_box_over {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
	opacity: 1;
	-webkit-animation: fadeIn 0.5s 1;
	animation: fadeIn 0.5s 1;
}

@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

.oxsn_hover_box_wrap .oxsn_hover_box_under {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
	opacity: 0;
}

.oxsn_hover_box_wrap:hover .oxsn_hover_box_over {
	display: none;
	opacity: 0;
}

.oxsn_hover_box_wrap:hover .oxsn_hover_box_under {
	display: block;
	opacity: 1;
	-webkit-animation: fadeOut 0.5s 1;
	animation: fadeOut 0.5s 1;
}

@-webkit-keyframes fadeOut {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes fadeOut {
	from { opacity: 0; }
	to { opacity: 1; }
}