/*
Item Name : CSS3 Image Hover Effects 
Author URI : http://codecanyon.net/user/Pixelworkshop/
Version : 1.0
*/





.overlay_split {
	position:relative;
	/* Modify the width and the height according to your images sizes */
	width:107px;
	height:107px;
	overflow:hidden;
	float:left;
	margin:0px 45px 0px 25px;
	border:3px solid #fff;
	left:150px;
}
	.overlay_split img {
		width:100%;
		height:100%;
		border:none;
	}
	
	/* Right and left sides */
		
	.overlay_split .overlay_split_left,
	.overlay_split .overlay_split_right {
		position:absolute;
		width:50%;
		height:100%;
	}
		.overlay_split .overlay_split_right{
			right:0;
			/* Slide Transition */
			-webkit-transition: right 0.4s;
			-moz-transition: right 0.4s;
			-o-transition: right 0.4s;
			-ms-transition: right 0.4s;
			transition: right 0.4s;
		}
		.overlay_split .overlay_split_left {
			left:0;
			/* Slide Transition */
			-webkit-transition: left 0.4s;
			-moz-transition: left 0.4s;
			-o-transition: left 0.4s;
			-ms-transition: left 0.4s;
			transition: left 0.4s;
		}
	
	/* Top and bottom sides */
		
	.overlay_split .overlay_split_top,
	.overlay_split .overlay_split_bottom {
		position:absolute;
		width:100%;
		height:50%;
	}
		.overlay_split .overlay_split_top {
			top:0;
			/* Slide Transition */
			-webkit-transition: top 0.4s;
			-moz-transition: top 0.4s;
			-o-transition: top 0.4s;
			-ms-transition: top 0.4s;
			transition: top 0.4s;
		}
		.overlay_split .overlay_split_bottom {
			bottom:0;
			/* Slide Transition */
			-webkit-transition: bottom 0.4s;
			-moz-transition: bottom 0.4s;
			-o-transition: bottom 0.4s;
			-ms-transition: bottom 0.4s;
			transition: bottom 0.4s;
		}
		
	.overlay_split:hover .overlay_split_left {
		left:-50%;
	}
	.overlay_split:hover .overlay_split_right {
		right:-50%;
	}
	.overlay_split:hover .overlay_split_top {
		top:-50%;
	}
	.overlay_split:hover .overlay_split_bottom {
		bottom:-50%;
	}
	.overlay_split .split_white {
		background-color:rgba(255, 255, 255, 0.8);
	}
	
	.overlay_split .split_grey {
		background-color:rgba(177, 177, 177, 0.9);
	}
	
		.overlay_split .split_blue {
		background-color:rgba(60, 71, 101, 0.9);
	}
	
		.overlay_split .split_blue2 {
		background-color:rgba(139, 186, 232, 0.9);
	}
	
	.overlay_split .split_black {
		background-color:rgba(0, 0, 0, 0.7);
	}