.top-sticky-title {
width: 100%;
text-align: center;
font-size: 55px;
margin: 80px 0 20px 0;
}
#popular-id {
position: relative;
text-align: center;
width: 100%;
margin: 0 auto;
max-width: 1200px;
padding-bottom: 20px;
padding-top: 20px;
margin: 0 auto;
overflow: hidden;
}
.top-popular-title {
width: 100%;
text-align: left;
padding-left: 5px;
margin-top: 15px;
}
#popular-id .top-popular {
display: inline-table;
position: relative;
vertical-align: top;
width: 224px;
height: 280px;
margin: 5px;
overflow: hidden;
}
#popular-id .top-href{
display: inline-block;
height: 190px;
}
#popular-id .top-popular img {
width: 224px;
height: 280px;
object-fit: cover;
object-position: 50% 50%;
opacity: 1;
border-radius: 4px;
}
#popular-id .n-view {
font-size: 14px;
vertical-align: middle;
color: #eee;
}
#popular-id .dashicons-visibility {
font-size: 15px;
vertical-align: middle;
}
#popular-id .dashicons-visibility {
margin-right: 2px;
padding-top: 1px;
}
#popular-id .top-popular-view {
text-align: left;
top: 0;
left: 0;
position: absolute;
padding: 10px;
font-weight: 500;
width: 100%;
color: #fff;
background: rgba(0,0,0,0.6);
border-radius: 4px 6px  0 0 ;
}
#popular-id .top-popular-view:hover {
background: rgba(0,0,0,0.9);
}
#popular-id .top-popular:hover .top-slick-sticky-content {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;	
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slideInUp;
animation-name: slideInUp;	
}
#popular-id .top-slick-sticky-content {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;	
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;	
}
#popular-id .top-slick-sticky-content h3 {
width: 100%;
font-size: 13px;
text-align: left;
vertical-align: top;
padding: 5px 10px;
background: rgba(0,0,0,0.6);
line-height: 18px;
}
#popular-id .top-slick-sticky-content h3  a {
color: #fff;
font-size: 15px;
font-weight: 100;
}
@media screen and (max-width: 1100px) {
.top-popular-title {
text-align: center;
}
.top-sticky-title {
font-size: 2em;
}
}