.overlay{
    padding:50px 0
}
.addon-detail-section{
    margin-top: 20px;
}
.addon-list .addon-item .addon-img .img-responsive {
    padding: 0;
}

.addon-list .addon-item .title {
    padding: 10px 20px 5px 20px;
}

.addon-list .addon-item .title a {
    font-size: 16px;
}

.addon-list .addon-item .metas > div {
    flex-basis: 0;
    flex-grow: 1;
}

.addon-list .addon-item .metas > div.views {
    text-align: center;
}

.addon-list .addon-item .metas > div:last-child {
    text-align: right;
}

.addon-list .addon-item .metas {
    padding: 5px 20px;
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: space-between;
}
.addon-list .addon-item  .addon-info{
    padding-bottom: 10px;
}
.addon-list .addon-item .intro {
    padding: 0px 20px;
    height: 40px;
    color: #999;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
}

.addon-img {
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

.addon-img > .preview-img::before {
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

.addon-img > .quickview-link {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    line-height: 40px;
    text-align: center;
    z-index: 10;
    background: #000;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    color: #fff;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.addon-img:hover > .preview-img::before {
    opacity: 1;
}

.addon-img:hover > .quickview-link {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.rating {
    overflow:hidden;
    display:inline-block;
    position:relative;
    font-size:14px;
    color:#FFCA00;
}
.rating-star {
    padding:0 2px;
    margin:0;
    cursor:pointer;
    display:block;
    float:right;
}
.rating-star:after {
    position:relative;
    font-family:FontAwesome;
    content:'\f006';
}
@media (max-width:1200px) {
    .rating-star {
        padding:0 1px;
    }
}.rating-star.checked ~ .rating-star:after,.rating-star.checked:after {
     content:'\f005';
 }
.rating.vote .rating:hover .rating-star:after {
    content:'\f006';
}
.rating.vote .rating-star:hover ~ .rating-star:after,.rating.vote .rating-star:hover:after {
    content:'\f005' !important;
}