@charset "utf-8";
/* CSS Document */

.concstent {
	width: 1200px;
	padding: 50px 0
}
.alllive {
	padding-top: 0px;
	margin-left: 50px;
	float: left;
	width: 960px;
}
.alllives {
	text-align: left;
	background-color: #fff;
	width: 960px;
}
.alllives li {
	width: 460px;
	height: 340px;
	float: left;
	margin: 40px 0px 0 40px;
	border-bottom: 1px rgba(109, 109, 109, 0.22) solid;
}
.alllives li:before {
	content: '';
	position: relative;
	border-bottom: 1px solid #aaaaaa;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	display: block;
	width: 0px;
	top: 339px;
	z-index: 1;
}
.alllives li:hover:before {
	width: 460px;
}
.alllives li:nth-child(odd) {
	margin-left: 0;
}
.alllives li .supImg {
	overflow: hidden;
	width: 460px;
	height: 200px;
}
.alllives li img {
	width: 100%;
	height: 100%;
	perspective: 150;
	-webkit-perspective: 150;
	position:absolute;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.alllives .title {
	height: 120px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.title p.p1 {
	font-size: 16px;
	height: 57px;
	line-height: 32px;
	padding: 25px 14px 0 14px;
	color: #06090e;
}
.title p.p2 {
	line-height: 22px;
	height: 44px;
	color: #afafaf;
	font-size: 13px;
	margin: 9.5px 0;
	padding: 0 14px;
	overflow: hidden;
}
.alllives li:hover .title {
	margin-top: 10px;
}
.alllives li:hover img {
	transform: scale(1.08, 1.08);
}
.newNav {
	width: 180px;
	margin-top: 40px;
	float: left;
}
.newNav ul li {
	width: 140px;
}
#pages {
	width: 940px;
	margin-left: 0px;
	padding: 50px 0;
}
