.ant{
		//border:1px solid gray;
		width:40%;
		margin-left:auto;
		margin-right:auto;
		height:300px;
		position:relative;
		margin-top:50px;
	}
	@keyframes demo1{
		from{height:0px; border:5px solid black;}
		to{height:100%; border:5px solid black;}
	}
	
	.cnt{ 
		padding:10px;
		position:absolute; 
		top:0px;
		width:100%;
		z-index:0;
		height:0px;
	}
	.ant:hover .cnt{
		animation-name:demo1;
		animation-duration:1s;
		animation-iteration-count:1;
		animation-direction:normal;
		animation-fill-mode:forwards;
		border:5px solid black;
		z-index:0;
	}
	
	@keyframes demo2{
		from{left:-200px; opacity:0;}
		to	{left:0px; opacity:1;}
	}
	.ant:hover .txt{
		animation-name:demo2;
		animation-duration:1s;
		animation-iteration-count:1;
		animation-direction:normal;
		animation-fill-mode:forwards;
	}
	.txt{
		opacity:0;
		position:relative;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		margin-top:50px;
		color:black;
	}
	
	@keyframes demo3{
		from{left:0px; opacity:1;}
		to	{left:200px; opacity:0;}
	}
	.animg{
		position:absolute;
		height:100%;
		z-index:10;
		border:0;
		width:auto;
	}
	.ant:hover .animg{
		animation-name:demo3;
		animation-duration:1s;
		animation-iteration-count:1;
		animation-direction:normal;
		animation-fill-mode:forwards;
	}