@charset "utf-8";
/* CSS Document */
.data-view{
padding:12px 12px 0;	
}
.name-cat{
border-bottom:1px solid #f2f2f2;	
padding:0 5px 12px;
margin:0 0 20px;
}
#inner-data .data-view > .name-cat > h2{
color:#1c5066;
font-size:1.3em;
margin-bottom:0;
}
.video-thumb-home > .row{
margin:0 -6px;
}
.video-thumb-home > .row > .col-sm-6{
padding:0 6px;	
}
#video-thumb .thumbnail{
margin-bottom:12px;	
padding:0;
border-radius:0;
border-color:#e1e1e1;
}
.thumbnail .caption{
padding:0;	
}
#video-thumb .thumbnail h3{
font-size:1.11em;
line-height:25px;
margin:10px 9px 15px;
padding:0;	
border-width:0;
height:50px;
overflow:hidden;
}
#video-thumb .thumbnail p{
position:relative;
margin:0;	
}
#video-thumb .thumbnail p > span{
padding:5px 40px 5px 9px;
height:28px;
overflow:hidden;
display:block;	
}
#video-thumb .thumbnail p > .cat a{
font-size:1em;
color:#555;
line-height:15px;
}
#video-thumb .thumbnail p > .date-video{
background:#f7f7f7;	
font-size:0.8em;
}
.paly{
width:39px;
height:38px;
background:url(../../images/en/video-icon.png) right top no-repeat transparent;
position:absolute;
right:5px;
bottom:8px;	
}
.paly:hover{
background-position:right bottom;	
}
.video-img{
display:block;
position:relative;
height:135px;	
overflow:hidden;
}
.video-img img{
width:100%;	
height:auto;
min-height:135px;
}
.video-time{
position:absolute;
top:0;
left:0;
padding:1px 4px;
font-size:1.1em;
color:#d5d5d5;
background:rgba(0, 0, 0, 0.5)
}
.video-list {
border-bottom:1px solid #f2f2f2;	
padding-bottom:0;
}
#video-thumb.video-list .thumbnail{
margin-bottom:20px;	
}
#inner-data .video-list .name-cat > h2{
margin-bottom:0;	
}

@media (max-width: 767px) {
.video-img{
height:auto;	
}
#video-thumb .thumbnail h3{
height:auto;	
}
}