.grid {
	margin: 0 auto;
	list-style: none;
}

.grid li {
	position: relative;
}

.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.grid figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
	background: #000;
}

.grid figcaption a { color: white; }
.grid figcaption h3 { font-size: 1.1em; height: 1em; font-weight: 800; margin: 0; padding: 0; color: #FFF; margin-top: 0.1em; overflow: hidden; }
.cs-style figcaption span { display: block; height: 1.5em; overflow: hidden; }
.grid figcaption p { font-size:0.85em; margin-top: 0em; }
.grid figcaption .avatar { float: left; margin-right: 8px; width: 28px; height: 28px; margin-top: 7px; }

.cs-style figcaption { height: 30%; width: 100%; opacity: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; }
.no-touch .cs-style figure:hover figcaption, .cs-style figure.cs-hover figcaption { opacity: 0.8; }