/*zoom*/
a.zoom-image{
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(2px) scale(1.0, 1.0);
    -moz-transform: translateZ(2px) scale(1.0, 1.0);
    -o-transform: translateZ(2px) scale(1.0, 1.0);
    transform: translateZ(2px) scale(1.0, 1.0);
}
a.zoom-image.time3s:hover img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2 );
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}
a.zoom-image.time3s img{
    width: 100%;
    -webkit-transition: all 0.65s ease-out 0s;
    -moz-transition: all 0.65s ease-out 0s;
    -o-transition: all 0.65s ease-out 0s;
    transition: all 0.65s ease-out 0s;
    position: relative;
    z-index: -1px; -webkit-backface-visibility: hidden;
}
a.zoom-image.time5s:hover img {
    transform: scale(1.2);
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}
a.zoom-image.time5s img{
    width: 100%;
    -webkit-transition: all 0.65s ease-out 0s;
    -moz-transition: all 0.65s ease-out 0s;
    -o-transition: all 0.65s ease-out 0s;
    transition: all 0.65s ease-out 0s;
    position: relative;
    z-index: -1px; -webkit-backface-visibility: hidden;
}
a.zoom-image:before {
    content: "";
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: -50%;
    top: 48%;
    height: 0;
    width: 200%;
    transform: rotate(45deg);
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
    overflow: hidden;
    z-index: 9;
}
a.zoom-image.time3s:hover:before {
    top: -200%;
    height: 500%;
}
a.zoom-image.time3s:hover:after {
    opacity: 1;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}
a.zoom-image:after {
    /*content: "";*/
    background: url('images/05.png');
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -18px;
    opacity: 0;
    -webkit-transition: all 0.65s ease-out 0s;
    -moz-transition: all 0.65s ease-out 0s;
    -o-transition: all 0.65s ease-out 0s;
    transition: all 0.65s ease-out 0s;
    width: 35px;
    height: 35px;
    z-index: 99;
    border: 1px solid #fff;
    border-radius: 100%;
    padding: 5px;
}
/*opacity*/
.opacity{-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-ms-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;}
.opacity:hover{
    transition: .3s;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-ms-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;
    opacity: 0.8;
}
/*scale*/
.scale img{overflow: hidden;
    -webkit-transition: all 0.65s ease-out 0s;
    -moz-transition: all 0.65s ease-out 0s;
    -o-transition: all 0.65s ease-out 0s;
    transition: all 0.65s ease-out 0s;}
.scale:hover img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2 );
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}

/*img-hover*/
.image_hover a{ position: relative; float: left;}
.image_hover a:after{	overflow: hidden;	position: absolute;	top: 0;	content: "";	z-index: 100;	width: 100%;	height: 100%;	left: 0;	right: 0;	bottom: 0;	opacity: 0;	pointer-events: none;	-webkit-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;	transition: all 0.3s ease 0s;	background-color: rgba(0, 0, 0, 0.3);	-webkit-transform: scale(0);	-ms-transform: scale(0);	transform: scale(0);	z-index: 1;}
.image_hover a:before{	font: normal normal normal 18px/1 FontAwesome;	content: "\f002";	position: absolute;	top: 50%;	left: 50%;	z-index: 2;	color: #fff;	ms-transform: translateY(-50%);	-webkit-transform: translateY(-50%);	transform: translateY(-50%);	ms-transform: translateX(-50%);	-webkit-transform: translateX(-50%);	transform: translateX(-50%);	opacity: 0;	-webkit-transition: opacity 0.3s ease 0s;	-o-transition: opacity 0.3s ease 0s;	transition: opacity 0.3s ease 0s;}
.image_hover a:hover:after{	visibility: visible;	opacity: 0.8;	-webkit-transform: scale(1);	-ms-transform: scale(1);	transform: scale(1);}
.image_hover a:hover:before{	opacity: 1;}
.img_hover a {	position: relative;	display: block;	width: 100%;}
.img_hover a:before {	background-color: rgba(1, 1, 1, 0.1);	content: "";	height: 0;	left: 0;	margin: auto;	position: absolute;	top: 0;	transition: all 0.3s ease-out 0s;	-webkit-transition: all 0.3s ease-in-out 0s;	-ms-transition: all 0.3s ease-in-out 0s;	width: 0;}
.img_hover a:after {	background-color: rgba(1, 1, 1, 0.1);	bottom: 0;	content: "";	height: 0;	position: absolute;	right: 0;	transition: all 0.3s ease-out 0s;	-webkit-transition: all 0.3s ease-in-out 0s;	-ms-transition: all 0.3s ease-in-out 0s;	width: 0;}
.img_hover a:hover:before {	height: 100%;	width: 100%;	transition: all 0.4s ease-out 0s;	-webkit-transition: all 0.4s ease-in-out 0s;	-ms-transition: all 0.4s ease-in-out 0s;}
.img_hover a:hover:after {	height: 100%;	width: 100%;	transition: all 0.4s ease-out 0s;	-webkit-transition: all 0.4s ease-in-out 0s;	-ms-transition: all 0.4s ease-in-out 0s;}