.other_koop_head{
	display: flex;
    justify-content: center;
    align-items: center;
	flex-wrap:wrap;
}
.other_koop_head .other_koop_title span{
	font-size: 18px;
    font-weight: 800;
    color: #c6000b;
    position: relative;
    display: inline-block;
    margin-bottom: 2px;
    text-transform: uppercase;
}
.other_koop_head .other_koop_title .index_title{
	margin-bottom: 0;
    line-height: 48px;
	font-weight:bold;
}
.other_koop_head .other_koop_title2 span{
    line-height: 27px;
    color: #333333;
	text-align:left;
	margin-left:10%;
	display: inline-block;
}

.other_koop_wrapper ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.other_koop_wrapper ul li{
	flex: 0 0 33%;
	width: 33%;
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}
.other_koop_wrapper ul li img{
	width: 100%;
    height: auto;
    display: block;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.other_koop_wrapper ul li:after{
	position: absolute;
	display: block;
	content:'';
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	opacity: 0;
	transition: all .5s;
}
.other_koop_wrapper ul li:hover:after{
	z-index: 2;
	opacity: 1;
}
.other_koop_wrapper ul li:hover img{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    filter: grayscale(90%);
}
.other_koop_wrapper ul li span{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 20px 10px;
	transition: all .5s;
}
.other_koop_wrapper ul li:hover span{
	display:block;
}
.other_koop_wrapper ul li span div{
	margin: 0 10px;
	color:#fff;
}
.other_koop_wrapper ul li span div.index_title{
	font-size:22px;
	color:#FFFFFF;
	padding-bottom: 10px;
	margin-bottom: 15px;
	position:relative;
}
.other_koop_wrapper ul li span div.index_title:after{
	content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 3px;
    width: 80px;
    transform: translateX(-50%);
    background: #fff;
}
.other_koop_wrapper ul li:hover span{
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}

@media(max-width: 1200px) {
	.other_koop_wrapper ul li{
		width: 49%;
		flex: 0 0 49%;
	}
}

@media(max-width: 767px){
	.other_koop_title{
		text-align:center;
	}
	.other_koop_head .other_koop_title span{
		font-size:14px;
	}
	.other_koop_head .other_koop_title2 span{
		text-align:center;
		margin-left:0;
	}
	.other_koop_wrapper ul li{
		flex: 0 0 100%;
		width: 100%;
	}
}
/* add240115 for video */
.other_koop_wrapper ul li video {
    width: 100%;
}
/* class dev1 */
.other_koop-class_dev1 .other_koop_wrapper ul li{
	border-radius: 20px;
	border: 3px solid #fff;
	overflow: hidden;
	box-shadow: 0 0 12px #0003;
}
.other_koop-class_dev1 .other_koop_wrapper ul li span{
	display: block;
	position: static;
	text-align: center;
	border-top: 3px solid #fff;
	padding: 10px;
}
.other_koop-class_dev1 .other_koop_wrapper ul li:after{
	content: none;
}
.other_koop-class_dev1 .other_koop_wrapper ul li:hover img{
    filter: none;
}
.other_koop-class_dev1 .other_koop-img_wrapper{
	overflow: hidden;
}
.other_koop-class_dev1 .other_koop_wrapper ul li span div.index_title{
	padding: 0;
	margin: 0;
}
.other_koop-class_dev1 .other_koop_wrapper ul li span div.index_title:after{
	content: none;
}

.other_koop_wrapper h2, 
.other_koop_wrapper h3{
	display: block;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    font-weight: inherit;
}