.news-holder {width:718px; height:345px; padding:0; margin:0 0 30px 0; font-size: 14px; position:relative; overflow:hidden;}
.news-holder p {margin-bottom:12px;}
.nh-anim {
    -webkit-transition: all .75s ease-out;
    -moz-transition: all .75s ease-out;
    -o-transition: all .75s ease-out;
    transition: all .75s ease-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.news-preview {display:block; float:left; width:525px; min-height:345px; height:345px; position:relative; z-index:5; overflow:hidden; margin-right:3px;}
.news-content {width:525px; height:345px; overflow:hidden; position:relative; z-index: 10; top: 0; left: 0; display:none;}
.news-image {width:525px; height:345px; overflow:hidden; position:relative;}
.news-image img {display:block; width:525px; height:auto; min-height:345px;}
.news-excerpt {color:#fff; display:block; width:479px; height:auto; position:absolute; bottom:16px; left:16px; margin:0; padding:16px; background:url('../images/bg_black.png') repeat 0 0; box-sizing:border-box;}
.news-excerpt p {color:#fff; font-family:'Nsorb'; margin:0; position:relative; z-index:1;}
.news-excerpt p a {display:block; position:relative; top:auto; left:auto;}
.news-excerpt a {display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; background:url('../images/btn-more-big.png') no-repeat right 50%;}
.top-content {display:block;}

.news-headlines {display:block; width:215px; list-style:none; position:absolute; right:0; top:0; margin:0 !important; z-index:10;}
.news-headlines li {display:block; float:right; clear:both; width:175px; height:60px; padding:12px 5px 12px 10px; margin-bottom:3px; position:relative; z-index:20; color:#fff; font-family:'NsorbCB'; background:#535456; line-height:110%; overflow:hidden; text-transform:uppercase;}
.news-headlines li.selected {width:175px; background:none; padding-right:20px; padding-left:20px;}
.news-headlines li:hover, a:hover {cursor:pointer;}
.news-headlines li:hover span {text-decoration:underline;}
.news-headlines .highlight {width:215px; position:absolute; top:0; right:0px; z-index:10; padding:0; margin:0; background:url('../images/bg_news-hl.png') no-repeat 0 0;}

/**
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    contenteditable attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that are clearfixed.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.cf:before,
.cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}

.cf:after {
clear: both;
}

/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {
*zoom: 1;
}