/* highlight */
body{padding-top:0;}
.highlight{background:#000;}
.highlight > span{padding-top:60px;}
.hl-frame{position:relative;}
.hlf-gradient{position:absolute; z-index:2; left:0; width:100%;}
.hlf-gradient-top{top:0; height:50px;
background:-moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background:-webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background:linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2a66', endColorstr='#0b2a66',GradientType=0);}
.hlf-gradient-bottom{bottom:0; height:150px;
background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 75%);
background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 75%);
background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 75%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2a66', endColorstr='#0b2a66',GradientType=0);}
.hlf-bg{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; display:block;}
.hlf-bg-video iframe{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.hlf-bg-video .hlf-gradient-bottom{height:20px;}
.hlf-info{position:absolute; z-index:3; bottom:0; left:0; width:100%; padding:10px 20px 0;}
.hlf-title{display:block; margin-top:5px; color:#FFF;}
.hlf-title h2{font-size:20px; line-height:26px;}
.hlf-more h3{font-size:14px; line-height:20px; color:#EF5350;}
.hlf-misc *{font-size:12px; color:#EEE;}
.hlf-misc > li{float:left; padding:3px 5px 0 0;}
.hlf-misc > li:not(:last-child) > *{border-right:2px solid #E0E0E0; padding-right:5px; display:block;}

.hl-list{padding:10px;}
.hl-list > div{background:#FFF; padding:0 10px;}
.hl-list > div > ul > li{padding:10px 0; border-bottom:1px dashed #BDBDBD;}
.hl-list > div > ul > li:last-child{border-bottom:0}
.hl-box{position:relative;}
.hlb-thumb{position:absolute; top:0; left:0;}
.hlb-thumb > a{display:block; width:80px; height:80px;}
.hlb-info{margin-left:80px; min-height:80px;}
.hlb-info > span{margin-left:10px;}
.hlb-title{display:block; margin-top:5px; color:#212121;}
.hlb-title h2{font-size:16px; line-height:20px;}
.hlb-misc *{font-size:11px; color:#616161;}
.hlb-misc > li{float:left; padding:3px 5px 0 0;}
.hlb-misc > li:not(:last-child) > *{border-right:2px solid #BDBDBD; padding-right:5px; display:block;}

@media screen and (min-width:769px){
  .highlight > span{max-width:760px;}
}
/* end highlight */