.content-all{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.content-img{
	border: 2px solid #4C4C4C;
    width: 236px;
    height: 159px;
    margin: auto;
    position: relative;
    overflow: hidden;
}

.content-img img{
    width: 100%;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

.content-1{
    width: 235px;
    height: 159px;
    position: absolute;
    top: 0;
    margin-left: 0px;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

.content-2{
    width: 1000px;
    height: 1000px;
    position: absolute;
    top: 0;
    background: rgba(0,0,0,0.9);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    margin-left: -800px;
    -webkit-transition: all 500ms;
    transition: all 500ms;
}

.content-3{
    width: 285px;
    height: 200px;
    position: absolute;
    top: 0;
    margin-left: 0px;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

.content-4{
    width: 409px;
    height: 200px;
    position: absolute;
    top: 0;
	margin-left: 409px;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

.content-img:hover .content-1{
    margin-left: 0px;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.content-img:hover .content-2{
    width: 222%;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

.content-img:hover .content-4{
    margin-left: 0px;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

.content-img:hover img{
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all 300ms;
    transition: all 300ms;
    opacity: 0.8;
}

.content-txt{
    position: absolute;
	bottom: 0;
    width: 195px;
	height: 159px;
    z-index: 10;
    color: #fff;
    text-align: center;
    margin-top: 3px;
}

.content-txt h2{
	color: white;
    font-size: 19px;
    opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

.content-txt p{
	width: 196px;
	text-align: center;
    font-size: 12px;
	margin-bottom: 10px;
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all 200ms;
    transition: all 200ms;
}

.content-img:hover h2{
    opacity: 1;
    -webkit-transition: all 800ms;
    transition: all 800ms;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.content-img:hover p{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 800ms;
    transition: all 800ms;
}