*{margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.wrap{width: 100%;}
.ellipsis{
	display:block;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}
.ellipsis3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.ellipsis6{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
    overflow: hidden;
}
.ellipsis9{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 9;
	overflow: hidden;
}
.ellipsis10{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	overflow: hidden;
}
.pointer{
    cursor: pointer;
}
.not-allowed{
    cursor: not-allowed;
}
.posirelative{
	position: relative;
}
.w100{width: 100%; display: block;}
.abus-layer{
	position: absolute;
	bottom:0;
	width: 100%;
	padding: 0 13%;
	height: 68px;
	background: rgba(0,0,0,.6);
	font-size: 16px;
	color: #fff;
	display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}
.abus-layer p{
	display: none;	
}
.abus-img:hover p{
	display: block;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.abus-img:hover span{
	display: none;
}
.abus-img:hover .abus-layer{
	height: 100%;
	transition: all .3s ease-out;
}