.ac-container {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.ac-container label {
	font-family: 'AvenirLT-book', Arial, sans-serif;
	padding: 0px 0px 0px 18px;
	position: relative;
	z-index: 20;
	display: block;
	height: 36px;
	cursor: pointer;
	color: #333;
	line-height: 36px;
	font-size: 13px;
	background: #e6e6e6;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover {
	background: #fff;
}
.ac-container input:checked + label, .ac-container input:checked + label:hover {
	background: #fff;
	color: #434c55;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3),  0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:after, .ac-container input:checked + label:after {
	font-family: 'FontAwesome';
	content: "\f0da";
	position: absolute;
	left: 8px;
	line-height: 36px;
}
.ac-container input:checked + label:after {
	font-family: 'FontAwesome';
	content: "\f0d7";
}
.ac-container input {
	display: none;
}
.ac-container article {
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
}
.ac-container article img {
	width: 100%;
	height: auto;
	margin-bottom:-5px;
}
.ac-container input:checked ~ article {
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-height {
	height: auto;
}
.mre-container {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.mre-container label {
	font-family: 'AvenirLT-book', Arial, sans-serif;
	padding: 0 52px 0 9px;
	position: relative;
	z-index: 20;
	display: block;
	height: 48px;
	cursor: pointer;
	color: #333;
	font-size: 13px;
    overflow:hidden;
	background: #e6e6e6;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 0px 2px 2px rgba(0,0,0,0.1);
}
.mre-container label:hover {
	background: #fff;
}
.mre-container input:checked + label, .mre-container input:checked + label:hover {
	background: #fff;
	color: #434c55;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3),  0px 2px 2px rgba(0,0,0,0.1);
}
.mre-container label .span-icon {
	background: url(../images/cat-icons.png) 0 0 no-repeat;
	position: absolute;
	right: 0;
	width: 48px;
	top: 0;
	height: 48px;
}
.mre-container label.news .span-icon {
	background-position: 0 0;
	background-color:#DC470C;
}
.mre-container label.business .span-icon {
	background-position: -48px 0;
	background-color:#DC9C0C;
}
.mre-container label.opinion .span-icon {
	background-position: -96px 0;
	background-color:#0C73DC;
}
.mre-container label.sports .span-icon {
	background-position: -144px 0;
	background-color:#0CA4DC;
}
.mre-container label.culture .span-icon {
	background-position: -192px 0;
	background-color:#7B35CB;
}
.mre-container label.technology .span-icon {
	background-position: -240px 0;
	background-color:#109B9B;
}
.mre-container label.life .span-icon {
	background-position: -240px 0;
	background-color:#109B9B;
}
.mre-container label.entertainment .span-icon {
	background-position: -288px 0;
	background-color:#C40471;
}
.mre-container label.artsent .span-icon {
	background-position: -288px 0;
	background-color:#C40471;
}
.mre-container input {
	display: none;
}
.mre-container article {
	background: #fff;
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
}
.mre-container article .caption {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.65)), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0 );
	bottom: 0;
	left: 0;
	height:100%;
	position: absolute;
	width: 45%;
	transition: all 300ms ease 0s;
	z-index: 11;
}
.mre-container article .caption p {
		padding:10px 8px;
		font-size: 13px;
	    line-height: 18px;
}
.mre-container article .caption a {
    color: #FFFFFF;
}

.mre-container article img {
	width: 100%;
	height: auto;
	margin-bottom:-5px;
}
.mre-container input:checked ~ article {
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.mre-container input:checked ~ article.mre-height {
	height: auto;
}