.stylish-popular-item {
    display: block;
    float: left;
    overflow: hidden;
    padding: 10px 10px 0 0;
    position: relative;
    text-align: center;
    width: 50%;
}
@media only screen and (max-width: 479px) {
	.stylish-popular-item {
	    padding: 0;
	    width: 100%;
	    margin-top: 15px;
	}
}
.stylish-popular-item-wrapper {
	margin-top: -10px;
}
.stylish-popular-item-image {
	display: block;
	width: 100%;
	height: auto;
	background: #000;
	position: relative;
}
.stylish-popular-item .stylish-popular-item-overlay {
	opacity:0;
	position:absolute;
	top:0; 
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	-moz-transition:0.3s all;
	-webkit-transition:0.3s all;
	transition:0.3s all;
	-moz-transition-delay:0.1s;
	-webkit-transition-delay:0.1s;
	transition-delay:0.1s;
	z-index:9997;
}
.stylish-popular-item .stylish-popular-primary-color-bg{
	background: rgba(0,0,0,.8); 
}
.stylish-popular-item:hover .stylish-popular-item-overlay {
	opacity:0.9;
}
.stylish-popular-item .stylish-popular-item-title,
.stylish-popular-item .stylish-popular-item-description { 
	position:absolute;
	left:0;
	opacity:0;
	color: #fff;
	width:80%;
	-moz-transition:0.4s all;
	-webkit-transition:0.4s all;
	transition:0.4s all;
	z-index:9998;
}
.stylish-popular-item .stylish-popular-item-title {
	font-size:1.0em;
	opacity:1;
	text-transform:uppercase;
	bottom:50%;
	margin:0 10% -20px;
}
.stylish-popular-item-has-excerpt:hover .stylish-popular-item-title {
	opacity:1;
	margin-bottom:10px;
}
.stylish-popular-item .stylish-popular-item-description {
	top:50%;
	margin:20px 10% 0;
}
.stylish-popular-item:hover .stylish-popular-item-description {
	opacity:1;
	margin-top:10px;
}
.stylish-popular-item img {
	 display:block;
	 max-width:100%;
	 margin:0 auto;
	 width:100%;
	 height: 120px;
	 max-width: 100%;
	 line-height:0;
	 -moz-transition:0.5s all;
	 -webkit-transition:0.5s all;
	 transition:0.5s all;
	 padding: 2px;
}
.stylish-popular-item span.popular-number {
	background-color: rgba(255, 255, 255, 0.8);
	border: 2px solid #000;
	webkit-border-radius: 3px;
	moz-border-radius: 3px;
	border-radius: 3px;
	bottom: auto;
	color: #000;
	display: inline-block;
	font-size: 1.0em;
	font-weight: 700;
	padding: 5px;
	position: absolute;
	right: 10px;
    top: 10px;
    width: 45px;
}












