.box20220702095845{
	position:relative;
	margin-bottom: 30px;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
}
.box20220702095845:hover{
	color: #fff;
}

.box20220702095845 .box1{
	width: 100%;
	/*height: 100%;*/
}

.box20220702095845 video{
	height: auto;
	width: 100%;
}

.box20220702095845 .zoomImage {	
    padding-bottom: 100% !important;
	background-size:cover !important;
	transition: transform 5s cubic-bezier(.23,1,.32,1);
}
.box20220702095845:hover .zoomImage {
    transform: scale(1.2);
}

.box20220702095845 .bjs {
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
    background: rgba(213,65,77,.9);
    transition: opacity 2s cubic-bezier(.23,1,.32,1),height 2s cubic-bezier(.23,1,.32,1);
}
.box20220702095845:hover .bjs {
	opacity: 10;
}

.box20220702095845 .box20220702095845_2{
	position: absolute;
	width: 100%;
	bottom: -80px;
	padding: 15px;
	-webkit-transition: all .5s;
    transition: all .5s;
}

.box20220702095845:hover .box20220702095845_2{
	bottom: 0px;
}

.box20220702095845 .box20220702095845_2 a{
	/*color: #fff;*/
}


.box20220702095845_2_1{	/*position: relative;*/
	
	font-size:24px;
	font-weight: 100;
}
.box20220702095845_2_2{
	font-size:42px;
}
.box20220702095845_2_3{
	display: inline-block;
	border: 1px solid #fff;
	line-height: 54px;
	padding: 0 36px;
	margin-top: 24px;
}
.box20220702095845 .more{
	font-size:20px;
	line-height:30px;
}
.box20220702095845 .titel_line{
	float: left;
	width: 100%;
	margin: 14px 0px;
	border-bottom: 1px solid #fff;
}

.box20220702095845 .content{
	font-size:18px;
	font-weight: 100;
	letter-spacing:2px;
}

@media (min-width:1200px){
	.box20220702095845 .box1{
		height: 640px;
	}
	
	.box20220702095845 video{
		height: 393px;
		width: 100%;
	}
}

@media (max-width:1199px){
	
}