/* clearfix */
.clearfix:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}


.gallery {
	width: 1100px;
	margin: 3em auto 0;
	position: relative;
}



.thumbs {
	float: left;
	width: 200px;
}

.preview {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
}

.preview a{
	display: block;
	width: 100%;
	height: 100%;
	opacity: .6;
}
.preview a.selected{opacity:1;}

.preview:last-child {
	margin-bottom: 0;
}

.full {
	width: 882px;
	font-size: 12px;
	float: left;
	margin:0 15px 0 0;
	background:#efefef url(../images/giphy.gif)center center /200px no-repeat;
}

.full,
.full img {
	height: auto;
}

.previews a:hover,
.previews a.selected {}

.full img:hover {
	cursor: pointer;
}

.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}