* {
	list-style:none;
	padding:0;
	margin:0;
}
ul li {
	float:left;
	width:100px;
	height:300px;
	overflow:hidden;
	position:relative;
	transition:all .5s;
}
p {
	width:400px;
	height:300px;
}
.bgcolor1 {
	background:red;
}
.bgcolor2 {
	background:rgb(251,255,0);
}
.bgcolor3 {
	background:rgb(0,217,255);
}
.bgcolor4 {
	background:rgb(255,0,234);
}
.bgcolor5 {
	background:rgb(255,145,0);
}
.se {
	width:400px;
	height:300px;
	transition:all .5s;
}
.se2 {
	width:100px;
	height:300px;
	transition:all .5s;
}
div {
	width:400px;
	height:300px;
	position:absolute;
	left:0;
	bottom:0;
	background:rgba(0,0,0,0.479);
	color:aliceblue;
	text-align:center;
	font-size:25px;
	line-height:550px;
	transition:all .7s;
}
.se3 {
	width:400px;
	height:60px;
	line-height:60px;
	transition:all .7s;
}