<li class="item cf item-video">
                
    <div class="thumb">
        <a class="clip-link" data-id="512" title="смотреть {title} онлайн" href="{full-link}">
            <span class="clip">
                <img src="[xfvalue_sc1]" alt="Скриншот фильма (title}"><span class="vertical-align"></span>
            </span>
                            
            <span class="overlay"></span>
        </a>
    </div>                
                <div class="data">
                    <h4 class="title"><a href="{full-link}" title="{title} смотреть онлайн">{title}</a></h4>
                
                    <p class="meta">
                        <span class="author">Кто добавил?<a href="{full-link}" title="Онлайн фильм {title}" rel="author">{author}</a></span>
                        <span class="time">Добавил: {author} </span>
                    </p>
                    
                    <p class="stats"><span class="views"><i class="count">{views}</i> <span class="suffix">Просмотры</span></span><span class="comments"><i class="count">{comments-num}</i> <span class="suffix">Комментарий</span></span><span class="dp-post-likes likes"><i class="count" data-pid="512">{vote-num}</i> <span class="suffix">Приняли участие в голосовании:</span></span></p>
                </div>
            </li>

<div id="dp-widget-posts-2" class="widget widget-posts">        
        <div class="widget-header"><h3 class="widget-title">5 новых</h3></div>        
        <ul class="post-list">

            {custom category="2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19" template="new-films" aviable="global" from="0" limit="5" cache="yes"}
</ul>
</div>

    /*== БЛОК НОВЫЕ ФИЛЬМЫ
*=================================*/


/* Basic Overlay style */
.thumb .overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
        background-image:url(../images/icon-plus-24.png);
    background-repeat:no-repeat;
    background-position:center center;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.25s;
    -moz-transition:.25s;
    -ms-transition:.25s;
    -o-transition:.25s;
    transition:.25s;
}
.thumb:hover .overlay {
    cursor:pointer;
    visibility:visible;
    opacity:1;
}
.item-video .thumb .overlay{
    background-image:url(../images/icon-play-24.png);
}
    
    
    /*== Common Thumbnail Style
*=================================*/

/* Absolute Center(Vertical & Horizontal) Image */
.thumb {
    position:relative;
    background:#000;
    overflow:hidden;
    vertical-align:bottom;
    _line-height:0;
    display:inline-block;
}
.thumb .clip-link {
    position:absolute;
    _position:static;
    bottom:-100px;
    top:-100px;
    left:-100px;
    right:-100px;
    text-align:center;
    white-space:nowrap;
    word-break:normal;
}
.thumb .clip {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.thumb .clip img,.thumb .vertical-align {
    display:inline-block;
    vertical-align:middle;
}
.thumb .clip .vertical-align {
    height:100%;
}  
    
    /*== Basic Widget Style
*=================================*/
.widget {
    margin-bottom:30px;
    overflow:hidden;
}
.widget-header {
    border-bottom:1px solid #FFF;
    text-transform:uppercase;
    margin:0 0 8px;
}
.widget-title {
    display:block;
    border-bottom:1px solid #DDD;
    line-height:24px;
    font-size:15px;
    margin:0;
    font-family:"Open Sans",sans-serif;
    padding-bottom:6px;
}
.widget>ul,.widget>ol {
    margin-top:-8px;
    margin-bottom:-2px;
}
.widget li {
    padding:4px 0 4px 12px;
    border-top:1px solid #FFF;
    border-bottom:1px solid #DDD;
    background:url(../images/blt-arrow.png) no-repeat 0 12px;
    position:relative;
    top:-1px;
}
.widget p{
    margin:0 0 10px;
}
.widget select {
    width:100%;
    border: 1px solid #CCC;
}
    
/*== Common Item Style
*=================================*/
.item h2,.item p {
    margin:0
}
.item img,
.item video,
.item object {
    max-width:100%;
    height: auto;
}
.item .thumb {
    margin:0 0 5px;
}
.item .screen {
    background:#333;
    margin:0 0 10px;
}
.item .item-wrap,
.item .item-wrap iframe {
    background:#333;
}
.item .title {
    font-size:13px;
    margin:0;
}
.item .title a {
    color:#111
}
.item .title a:hover {
    color:#B70000;
}
.item .meta,.item .stats {
    color:#AAA;
    font-size:11px;
    line-height:13px;
    margin:0 0 5px;
}
.item .stats i {
    font-style:normal;
}
.item .stats a {
    color:#AAA
}
.item .stats a:hover {
    color:#555
}
.item .stats .views,
.item .stats .likes,
.item .stats .comments {
    margin-right:10px;
    padding-left:16px;
    background:url(../images/stats.png) no-repeat 0 1px;
}
.item .stats .views {
    padding-left:18px;
}
.item .stats .comments {
    background-position:0 -19px
}
.item .stats .comments:hover {
    background-position:0 -39px
}
.item .stats .likes {
    background-position:0 -58px
}
.item .stats .liked {
    background-position:0 -78px
}
.item .desc {
    line-height:1.5;
    font-size:12px;
    overflow:hidden;
    width:100%;
    padding: 5px 0 0;
}  

/*== Widget Posts
*=================================*/
.widget-posts ul {
    overflow:hidden
}
.widget-posts ul li {
    list-style:none;
    padding:0;
    background:none;
}
.widget-posts .title {
    height:20px;
    line-height:20px;
    overflow:hidden;
    font-size:12px;
}
.widget-posts .meta,.widget-posts .stats {
    font-size:11px
}
.widget-posts .author {
    display:none
}
.widget-posts .suffix {
    display: none
}

/* List Style */
.widget-posts .post-list li {
    padding:10px 0;
    border-bottom:1px solid #DDD;
    border-top:1px solid #FFF;
    overflow:hidden;
    margin:0;
    position:relative;
}
.widget-posts .post-list .thumb {
    width:120px;
    height:68px;
    float:left;
    margin:0;
}
.widget-posts .post-list .thumb img {
    width:120px;
}
.widget-posts .post-list .data {
    margin-left:130px
}
.widget-posts .post-list .title {
    margin-bottom:5px
}
.widget-posts .post-list .meta {
    margin-bottom: 5px
}