@import url('demo.css');

.grid {
	margin: auto;
}

.grid figure {
	display: block;
	float: left;
	margin: 0;
	cursor: auto;
	overflow: hidden;
}

.grid figure img {
	display: block;
}

.grid figure figcaption {
	position: absolute;
	font-size: 11px;
	font-weight: 400;
	left: auto;
	width: 100%;
	height: 50px;
	bottom: -60px;
	padding: 20px;
	color: #ddd;
	background: #333;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: bottom 0.2s ease;
	-moz-transition: bottom 0.2s ease-in-out;
	-ms-transition: bottom 0.2s ease-in-out;
	-o-transition: bottom 0.2s ease-in-out;
	transition: bottom 0.2s ease-in-out;
	background-color: #333333;
}

.grid figure figcaption a {
	color: #fff;
}

.grid figure figcaption a:hover {
	color: #F30;
}

.grid figure:hover figcaption {
	bottom: 0px;
}