.video {
	width: 100%;
	height: 700px;
	background: url(../image/index_moments_bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 220px 0;
	position: relative;
}

.video_title {
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	height: 60px;
}

.video_title h2 {
	font-size: 36px;
	color: #fff;
	text-align: center;
}

.video_title h3 {
	font-size: 18px;
	color: #9e9da6;
	text-align: center;
}

.video>div {
	float: left;
	height: 600px;
}

.video>div:first-child {
	width: 5%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.video_arrow {
	width: 100%;
	height: auto;
}

.video>div:last-child {
	width: 5%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.video>div:nth-of-type(2) {
	width: 90%;
}

.video ul {
	position: relative;
}

.video li {
	transition: all .6s;
	position: absolute;
}

.video li video {
	width: 100%;
	height: 100%;
}

.video li h4 {
	text-align: center;
	color: #fff;
	height: 40px;
	line-height: 40px;
}

.video1 {
	width: 37%;
	height: auto;
	top: 120px;
	left: 54%;
	z-index: 1;
}

.video2 {
	width: 64%;
	height: auto;
	top: 0;
	left: 17%;
	z-index: 2;
}

.video3 {
	width: 37%;
	height: auto;
	top: 120px;
	left: 8%;
	z-index: 1;
}

video {
	cursor: pointer;
}

.video_more {
	display: block;
	width: 150px;
	height: 44px;
	line-height: 44px;
	color: #fff;
	font-size: 16px;
	border: solid 1px #fff;
	text-align: center;
	position: absolute;
	left: 45%;
	bottom: 80px;
}