.post-gallery
{
	width: 100%;
	background: rgba(0,0,0,.75);
}

.post-gallery ul
{
	z-index: 1;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
    overflow: hidden;
}

.post-gallery,
.post-gallery ul,
.post-gallery ul li
{
	transition: height .3s;
}

.post-gallery ul li
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	transition: opacity .3s
}

.post-gallery ul li.active
{
	opacity: 1;
}

.post-gallery ul li img
{
	width: 100%;
}

.post-gallery .post-gallery-nav
{
	z-index: 2;
	position: relative;
	height: 50px;
	background: #111;
}

.post-gallery .post-gallery-nav-button
{
	display: block;
	width: 30px;
	height: 40px;
	background-size: 30px auto;
	background-repeat: no-repeat;
	opacity: .25;
	transition: opacity .3s;
}

.post-gallery .post-gallery-nav-button.active
{
	opacity: .75;
	cursor: pointer;
}

.post-gallery .post-gallery-nav-button.active:hover
{
	opacity: 1;
}

.post-gallery .post-gallery-nav-button.rwd
{
	float: left;
	margin-left: .66em;
	background-image: url('../img/icn_arrow_L.png');
	background-position: 0 17px;
}

.post-gallery .post-gallery-nav-button.fwd
{
	float: right;
	margin-right: .66em;
	background-image: url('../img/icn_arrow_R.png');
	background-position: 0 17px;
}