.block {
	overflow: hidden;
	position: relative;
	text-align: center;
}
.block2 {
	height: 518px;
	width:  1050px;
	background: #eaeaea;
}
.block2 .product:hover .product_title h2 {
	opacity: 0;
}
.block2 .product h2 {
	color: #fff;
	font-size: 40px;
	padding: 0;
	font-family: BebasNeueRegular;
    font-weight: 100;
}
.block2 .product .product_title {
	position: absolute;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100px;
	-webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.block2 .product .cont ul {
	text-align: left;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 240px;
    height: 100px;
    z-index: 3;
}
.block2 .product .cont ul li {
	color: #fff;
	opacity: 0;
	list-style-type: none;
	font-size: 17px !important;
	-webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.block2 .product:hover .cont ul li {
	opacity: 1;
}
.block2 .product .cont a {
	color: #fff;
}
.block2 .product {
	width: 346px;
	height: 250px;
	float: left;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	-webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.block2 .product:hover {
	background-size: 120%;
}
.block2 .product .cont {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.65);
	z-index: 2;
	opacity: 0;
	-webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    display: flex;
}
.block2 .product:hover .cont {
opacity: 1;
}
.block2 .product .cont::before,
.block2 .product .cont::after {
	position: absolute;
    content: '';
	opacity: 0;
}
.block2 .product .cont::before {
	top: 30px;
	right: 10px;
	bottom: 30px;
	left: 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.block2 .product .cont::after {
	top: 10px;
	right: 30px;
	bottom: 10px;
	left: 30px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}
.block2 .product .cont::before,
.block2 .product .cont::after
 {
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
}
.block2 .product .cont:hover::before,
.block2 .product .cont:hover::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.block2 .product .cont:hover::after{
	-webkit-transition-delay: 0.35s;
	transition-delay: 0.35s;
}
.block2 .product.work1 {
	background-image: url(/themes/default/images/bg1.jpg);
	margin: 6px 0 6px 0;
}
.block2 .product.work2 {
	background-image: url(/themes/default/images/bg6.jpg);
	margin: 6px;
}
.block2 .product.work3 {
	background-image: url(/themes/default/images/bg2.jpg);
	margin: 6px 0 6px 0;
}
.block2 .product.work4 {
	background-image: url(/themes/default/images/bg4.jpg);
	margin: 0 0 6px 0;
}
.block2 .product.work5 {
	background-image: url(/themes/default/images/bg3.jpg);
	margin: 0 6px 6px 6px;
}
.block2 .product.work6 {
	background-image: url(/themes/default/images/bg5.jpg);
	margin: 0 0 6px 0;
}
@keyframes fadeIm-1
{
    from     { opacity: 1; }
    9.28%     { opacity: 1; }
    14.28%     { opacity: 0; }
    95%     { opacity: 0; }
    to      { opacity: 1; }
} 
@keyframes fadeIm-2
{
    from    { opacity: 0; }
    9.28%     { opacity: 0; }
    14.28%     { opacity: 1; }
    23.57%     { opacity: 1; }
    28.57%     { opacity: 0; }
    to      { opacity: 0; }
} 
@keyframes fadeIm-3
{
    from    { opacity: 0; }
    23.57%     { opacity: 0; }
    28.57%     { opacity: 1; }
    37.85%     { opacity: 1; }
    42.85%     { opacity: 0; }
    to      { opacity: 0; }
} 
@keyframes fadeIm-4
{
    from    { opacity: 0; }
    37.85%     { opacity: 0; }
    42.85%     { opacity: 1; }
    52.14%     { opacity: 1; }
    57.14%     { opacity: 0; }
    to      { opacity: 0; }
} 
@keyframes fadeIm-5
{
    from    { opacity: 0; }
    52.14%     { opacity: 0; }
    57.14%     { opacity: 1; }
    66.42%     { opacity: 1; }
    71.42%     { opacity: 0; }
    to      { opacity: 0; }
} 
@keyframes fadeIm-6
{
    from    { opacity: 0; }
    66.42%     { opacity: 0; }
    71.42%     { opacity: 1; }
    80.71%     { opacity: 1; }
    85.71%     { opacity: 0; }
    to      { opacity: 0; }
} 
@keyframes fadeIm-7
{
    from    { opacity: 0; }
    80.71%     { opacity: 0; }
    85.71%     { opacity: 1; }
    95%     { opacity: 1; }
    to      { opacity: 0; }
} 
@-webkit-keyframes fadeIm-1
{
    0%     { opacity: 1; }
    9.28%     { opacity: 1; }
    14.28%     { opacity: 0; }
    95%     { opacity: 0; }
    to      { opacity: 1; }
} 
@-webkit-keyframes fadeIm-2
{
    from    { opacity: 0; }
    9.28%     { opacity: 0; }
    14.28%     { opacity: 1; }
    23.57%     { opacity: 1; }
    28.57%     { opacity: 0; }
    to      { opacity: 0; }
} 
@-webkit-keyframes fadeIm-3
{
    from    { opacity: 0; }
    23.57%     { opacity: 0; }
    28.57%     { opacity: 1; }
    37.85%     { opacity: 1; }
    42.85%     { opacity: 0; }
    to      { opacity: 0; }
} 
@-webkit-keyframes fadeIm-4
{
    from    { opacity: 0; }
    37.85%     { opacity: 0; }
    42.85%     { opacity: 1; }
    52.14%     { opacity: 1; }
    57.14%     { opacity: 0; }
    to      { opacity: 0; }
} 
@-webkit-keyframes fadeIm-5
{
    from    { opacity: 0; }
    52.14%     { opacity: 0; }
    57.14%     { opacity: 1; }
    66.42%     { opacity: 1; }
    71.42%     { opacity: 0; }
    to      { opacity: 0; }
} 
@-webkit-keyframes fadeIm-6
{
    from    { opacity: 0; }
    66.42%     { opacity: 0; }
    71.42%     { opacity: 1; }
    80.71%     { opacity: 1; }
    85.71%     { opacity: 0; }
    to      { opacity: 0; }
} 
@-webkit-keyframes fadeIm-7
{
    from    { opacity: 0; }
    80.71%     { opacity: 0; }
    85.71%     { opacity: 1; }
    95%     { opacity: 1; }
    to      { opacity: 0; }
}
.slides_text {
position: absolute;
top: 310px;
z-index: 2;
background: rgba(30, 30, 30, 0.5);
}
.slides{
position: relative;
margin:0;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
.img-style{
padding: 0;
animation-duration: 35s;
animation-iteration-count: infinite;
animation-timing-function: ease-out;
} 
.img-style.abs{
position: absolute;
left: 0;
top: 0;
}
.img-style.im-1{
animation-name: fadeIm-1;
-webkit-animation-name: fadeIm-1;
}
.img-style.abs.im-2{
animation-name: fadeIm-2;
-webkit-animation-name: fadeIm-2;
}
.img-style.abs.im-3{
animation-name: fadeIm-3;
-webkit-animation-name: fadeIm-3;
}
.img-style.abs.im-4{
animation-name: fadeIm-4;
-webkit-animation-name: fadeIm-4;
}
.img-style.abs.im-5{
animation-name: fadeIm-5;
-webkit-animation-name: fadeIm-5;
}
.img-style.abs.im-6{
animation-name: fadeIm-6;
-webkit-animation-name: fadeIm-6;
}
.img-style.abs.im-7{
animation-name: fadeIm-7;
-webkit-animation-name: fadeIm-7;
}