.news_top-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.news_top-list li {
	display:block;
    margin: 0 0 0 0;
	padding:0 0 3px 0;
	color:#888;
	font-size:12px;	
	counter-increment: news_top-count;
}

.news_top-list li .item_details{
	display:none;
}

.news_top-list li .title {
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    display: block;	
	margin-left:5px;
}

.news_top-list li a{
    outline: none;
    cursor: pointer;
	color:#222;
}

.news_top-list li .title:hover{
    text-decoration: none;
	background:#39a5c9;
	color:#fff;
	
}

.news_top-list li span.news_top-hint{
	display:block;
	padding:0 3px;
}
.news_top-list {
counter-reset: news_top-count;
}

.news_top-list li .title:before {
	display:inline-block;
	color:blue;
	font-weight:bold;
	font-size:13px;
	width:22px;
	text-align:center;
    content:counter(news_top-count);
	margin-left:7px;
	padding:2px 0;
}
.news_top-list li:hover .title:before{
	background:#39a5c9;
}


.news_top-list li:first-child .title{
	display:none;
}
.news_top-list li:first-child .item_details{
	display:block;
	padding-bottom:5px;
}

.news_top-list li:first-child .item_details a{
	display:block;
	text-decoration:none;
}
.news_top-list li:first-child .item_details a:hover{
	
}
.news_top-list li:first-child .item_details .item_image img{
	display:block;
	width:100%;
	min-height:100%;
}
.news_top-list li:first-child .item_details .item_image{
	position:relative;
	display:block;
}
.news_top-list li:first-child .item_details .item_image:before {
	display:inline-block;
	background:#c00;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	width:22px;
	text-align:center;
    content:counter(news_top-count);
	padding:2px 0;
	position:absolute;
	top:5px;
	left:5px;
	
}
.news_top-list li:first-child .item_details h4{
	margin-left:35px;
	margin-bottom:-10px;
	padding:6px 0 5px 0;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	line-height:20px;
	color:#c00;
}
.news_top-list li:first-child .item_details a:hover .item_image:before{
	background:#39a5c9;
}
.news_top-list li:first-child .item_details a:hover h4{
	color:#39a5c9;
}
.news_top-list li:first-child .item_details p{
	font-size:13px;
	line-height:16px;
	padding:0 0 0 0;
	margin:0;
	color:#000;
}
.news_top-list li:first-child .item_details a:hover p{
	color:#000;
}