.box14{
	position:relative;
	text-align:center;
	margin-bottom: 100px;
}
.box15,.box17,.box18{
	box-shadow:0 0 5px #7e7d7d;
	text-align:center;
}
.box14:before{
	content:"";
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition:all .35s ease 0s;
}
.box14:hover:before{
	opacity:8;
}
.box14 img{
	width:100%;
	height:auto;
}
.box14 .box-content{
	width:90%;
	height:90%;
	position:absolute;
	top:5%;
	left:5%;
}
.box14 .box-content:after,.box14 .box-content:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	opacity:0;
	transition:all .7s ease 0s;
}
.box14 .box-content:before{border-bottom:1px solid rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.5);transform:scale(0,1);transform-origin:0 0 0}
.box14 .box-content:after{border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5);transform:scale(1,0);transform-origin:100% 0 0}
.box14:hover .box-content:after,.box14:hover .box-content:before{opacity:1;transform:scale(1);transition-delay:.15s}
.box14 .title{font-size:21px;font-weight:700;color:#fff;margin:15px 0;opacity:0;transform:translate3d(0,-50px,0);transition:transform .5s ease 0s}
.box14:hover .title{opacity:1;transform:translate3d(0,0,0)}
.box14 .post{font-size:14px;color:#fff;padding:10px;background:#66cc00;opacity:0;border-radius:0 19px;transform:translate3d(0,-50px,0);transition:all .7s ease 0s}
.box14 .icon,.box15 .icon{padding:0;list-style:none}
.box14:hover .post{opacity:1;transform:translate3d(0,0,0);transition-delay:.15s}


@media only screen and (max-width:990px){.box14{margin-bottom:30px}