Трейлер и Закладки как на kinopoisk

.custom-post{
width:auto;
height:auto;
border-radius: 4px;
border: 1px solid #ccc;
float:left;

}
.custom-poster{
background:#fff;
position:relative;
max-height:auto;

}
.custom-poster a{
color:#464646;
font-size:25px;
}
.custom-poster a:hover{
color:#000;
}

.custom-data a{
color:#dd0000;
text-decoration:none;
}
.custom-data a:hover{
color:#000;
text-decoration:underline;
}
.custom-text{
position:absolute;
top:206px;
left:10px;
padding:5px;
width:155px;
height:30px;
background:url(../images/white70.png);
display:none;
}

.custom-poster:hover .custom-text{
display:block;
}

.custom-text2{
color:#000;
font-size:16px;
}
.custom-label{
position:absolute;
top:0px;
right:0px;
padding:10px;
min-height:25px;
background:#db0000;
max-width:155px;
color:#fff;
text-align:right;
}

.custom-label a{
color:#fff;
}

.custom-label a:hover{
color:#000;
}

.custom-label1{
position:absolute;
top:50px;
right:0px;
padding:10px;
min-height:25px;
background:#ffffff;
opacity: 0.7;
max-width:155px;
color:#fff;
text-align:right;
}

.custom-label1 a{
color:#fff;
}

.custom-label1 a:hover{
color:#000;
}

<div class="custom-post">
<div class="custom-poster">
<img class="click-img" src="{image-1}" height="410" width="285"/>
[xfgiven_quality]<div class="custom-label" >[xfvalue_quality]</div>[/xfgiven_quality]
<div class="custom-label1" >{favorites}</div>