.box {
	height: 490px;
	width:580px;
	float: left;
}


.border_animation{
	width:560px;
	height:471px;
	float:left;
	position:relative;
	margin-right: 10px;
	margin-left: 10px;
}
.border_animation .border_top{
	position:absolute;height:2px;width:0;font-size:0;background:#2B9291;top:0;left:0;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.border_animation .border_right{
	position:absolute;height:0px;width:2px;font-size:0;background:#2B9291;bottom:0;right:0;	
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.border_animation .border_bottom{
	position:absolute;height:2px;width:0px;font-size:0;background:#2B9291;right:0;bottom:0;	
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.border_animation .border_left{
	position:absolute;height:0px;width:2px;font-size:0;background:#2B9291;left:0;top:0;	
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.box .hover .border_top,.box .hover .border_bottom{width:560px}
.box .hover .border_left,.box .hover .border_right{height:471px}


.box1 {
	height: 436px;
	width:386px;
	float: left;
}


.border_animation1{
	width:366px;
	height:436px;
	float:left;
	position:relative;
	margin-right: 10px;
	margin-left: 10px;
}
.border_animation1 .border_top{
	position:absolute;height:3px;width:0;font-size:0;background:#FF913C;top:0;left:0;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.border_animation1 .border_right{
	position:absolute;height:0px;width:3px;font-size:0;background:#FF913C;bottom:0;right:0;	
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.border_animation1 .border_bottom{
	position:absolute;height:3px;width:0px;font-size:0;background:#FF913C;right:0;bottom:0;	
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.border_animation1 .border_left{
	position:absolute;height:0px;width:3px;font-size:0;background:#FF913C;left:0;top:0;	
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.box1 .hover .border_top,.box1 .hover .border_bottom{width:366px}
.box1 .hover .border_left,.box1 .hover .border_right{height:436px}


.box2 {
	height: 270px;
	width:285px;
	float: left;
}


.border_animation2{
	width:285px;
	height:270px;
	float:left;
	position:relative;
}
.border_animation2 .border_top{
	position:absolute;height:3px;width:0;font-size:0;background:#FF913C;top:0;left:0;
	-webkit-transition:all 0.0s ease-out;
	-o-transition:all 0.0s ease-out;
	transition:all 0.0s ease-out;
}
.border_animation2 .border_right{
	position:absolute;height:0px;width:3px;font-size:0;background:#FF913C;bottom:0;right:0;	
	-webkit-transition:all 0.0s ease-out;
	-o-transition:all 0.0s ease-out;
	transition:all 0.0s ease-out;
}
.border_animation2 .border_bottom{
	position:absolute;height:3px;width:0px;font-size:0;background:#FF913C;right:0;bottom:0;	
	-webkit-transition:all 0.0s ease-out;
	-o-transition:all 0.0s ease-out;
	transition:all 0.0s ease-out;
}
.border_animation2 .border_left{
	position:absolute;height:0px;width:3px;font-size:0;background:#FF913C;left:0;top:0;	
	-webkit-transition:all 0.0s ease-out;
	-o-transition:all 0.0s ease-out;
	transition:all 0.0s ease-out;
}
.box2 .hover .border_top,.box2 .hover .border_bottom{width:285px}
.box2 .hover .border_left,.box2 .hover .border_right{height:270px}



.box3 {
	height: 110px;
	margin-bottom: 10px;
	width:590px;
	float: left;
}


.border_animation3{
	width:590px;
	height:110px;
	float:left;
	position:relative;
}
.border_animation3 .border_top{
	position:absolute;height:3px;width:0;font-size:0;background:#AA936A;top:0;left:0;
	-webkit-transition:all 0.0s ease-out;
	-o-transition:all 0.0s ease-out;
	transition:all 0.0s ease-out;
}
.border_animation3 .border_right{
	position:absolute;height:0px;width:3px;font-size:0;background:#AA936A;bottom:0;right:0;	
	-webkit-transition:all 0.0s ease-out;
	-o-transition:all 0.0s ease-out;
	transition:all 0.0s ease-out;
}
.border_animation3 .border_bottom{
	position:absolute;height:3px;width:0px;font-size:0;background:#AA936A;right:0;bottom:0;	
	-webkit-transition:all 0.0s ease-out;
	-o-transition:all 0.0s ease-out;
	transition:all 0.0s ease-out;
}
.border_animation3 .border_left{
	position:absolute;height:0px;width:3px;font-size:0;background:#AA936A;left:0;top:0;	
	-webkit-transition:all 0.0s ease-out;
	-o-transition:all 0.0s ease-out;
	transition:all 0.0s ease-out;
}
.box3 .hover .border_top,.box3 .hover .border_bottom{width:590px}
.box3 .hover .border_left,.box3 .hover .border_right{height:110px}


.box4 {
	height: 350px;
	width:590px;
	float: left;
	margin-bottom: 20px;
}


.border_animation4{
	width:590px;
	height:350px;
	float:left;
	position:relative;
}
.border_animation4 .border_top{
	position:absolute;height:3px;width:0;font-size:0;background:#AA936A;top:0;left:0;
	-webkit-transition:all 0.0s ease-out;
	-o-transition:all 0.0s ease-out;
	transition:all 0.0s ease-out;
}
.border_animation4 .border_right{
	position:absolute;height:0px;width:3px;font-size:0;background:#AA936A;bottom:0;right:0;	
	-webkit-transition:all 0.0s ease-out;
	-o-transition:all 0.0s ease-out;
	transition:all 0.0s ease-out;
}
.border_animation4 .border_bottom{
	position:absolute;height:3px;width:0px;font-size:0;background:#AA936A;right:0;bottom:0;	
	-webkit-transition:all 0.0s ease-out;
	-o-transition:all 0.0s ease-out;
	transition:all 0.0s ease-out;
}
.border_animation4 .border_left{
	position:absolute;height:0px;width:3px;font-size:0;background:#AA936A;left:0;top:0;	
	-webkit-transition:all 0.0s ease-out;
	-o-transition:all 0.0s ease-out;
	transition:all 0.0s ease-out;
}
.box4 .hover .border_top,.box4 .hover .border_bottom{width:590px}
.box4 .hover .border_left,.box4 .hover .border_right{height:350px}