.news{
display: table;
position: relative;
z-index: 100;
margin: auto;
padding: 0;
width: 1180px;
margin-top: 30px;
padding-bottom: 100px;
}

.news.corner {
background-image: url("/styles/resource/images/login/minor-border-corner.png");
width: 8px;
height: 8px;
}

.news.corner.corner-top-left {
background-position: 0 0;
}

.news.corner.corner-top-right {
background-position: -2px 0;
}

.news.corner.corner-bottom-left {
background-position: 0 -2px;
}

.news.corner.corner-bottom-right {
background-position: -2px -2px;
}

.news .corner.corner-top-left, .news .corner.corner-bottom-left {
left: -1px;
}
.news .corner.corner-top-right, .news .corner.corner-bottom-right {
right: -1px;
}

.news .corner.corner-top-left, .news .corner.corner-top-right {
top: -1px;
}

.news .corner.corner-bottom-left, .news .corner.corner-bottom-right {
bottom: -1px;
}

.news.corner {
position: absolute;
background-image: url("/styles/resource/images/login/minor-border-corner.png");
width: 8px;
height: 8px;
display: block;
}

.post{
width: 338px;
height: 315px;
}

.news .first {
width: 1119px;
height: 315px;
}

.in_news{
padding: 10px;
  margin: 16px;
  display: block;
  float: left;
  border: 1px solid rgba(0, 162, 253, 0.15);
  position: relative;
  text-decoration: none;
}

.news .type {
background: url('/styles/resource/images/login/hub-type-bg.png') no-repeat;
float: right;
height: 33px;
width: 120px;
position: absolute;
right: 10px;
z-index: 5;
}

.news .type span {
margin-top: 7px;
color: #51dbff;
font-size: 11px;
font-style: italic;
text-transform: capitalize;
}

.news .type .icon {
float: left;
width: 14px;
height: 14px;
background-position: center center;
background-repeat: no-repeat;
display: block;
margin: 7px 8px 0 40px;
}

.news .type.post .icon {
background-image: url('/styles/resource/images/login/type-post.png');
}

.background_news {
position: relative;
width: 338px;
height: 210px;
background-size: cover;
background-position: center center;
}

.news .title-holder {
display: block;
vertical-align: middle;
position: absolute;
margin-top: 26px;
width: 100%;
font-family: Tahoma,Arial,Helvetica,sans-serif;
color: white;
}

.news .text {
position: absolute;
width: 338px;
height: 90px;
margin-top: 10px;
}

.first .text {
background: url('/styles/resource/images/login/black-trans80.png') repeat;
background: rgba(0,0,0,0.8);
padding: 20px;
height: 10px;
width: 1079px;
font-size: 12px;
position: absolute;
margin-top: -50px;
}

.first .text .comments {
background: url('/styles/resource/images/login/comments-icon.png') no-repeat left center;
padding-left: 18px;
padding-bottom: 3px;
line-height: 11px;
float: right;
font-size: 11px;
color: #0cf;
margin-right: 10px;
}


.first .background_news {
position: absolute;
opacity: 0.6;
width: 1119px;
height: 315px;
background-size: cover;
background-position: center center;
}

.first .title-holder {
display: table-cell;
vertical-align: middle;
height: 315px;
width: 1119px;
position: relative;
}

.first .title-holder .title {
width: 1119px;
color: #fff;
text-shadow: 3px 3px #000;
font-size: 60px;
text-transform: uppercase;
text-align: center;
}

.first .text .time_ago {
color: #5e7a8d;
font-weight: bold;
border-right: 1px solid #4a4241;
float: left;
line-height: 14px;
padding-right: 13px;
margin-top: 0;
}

.text .comments {
position: absolute;
right: 0px;
background: url('/styles/resource/images/login/comments-icon.png') no-repeat left center;
padding-left: 18px;
padding-bottom: 3px;
line-height: 11px;
float: right;
font-size: 11px;
color: #0cf;
}

.text .time_ago {
position: absolute;
margin-top: 80px;
color: #5e7a8d;
font-weight: bold;
float: left;
line-height: 14px;
font-size: 11px;
}

 .text .section {
position: absolute;
margin-top: 0px;
font-size: 11px;
margin-left: 0px;
color: #678088;
font-style: italic;
float: left;
line-height: 14px;
}

@media screen and (max-width: 1100px){
	.news {
		width: 1053px;
	}
	
	.news .first {
		width: 1000px;
	}
	
	.first .background_news {
		width: 1000px;
	}
	
	.first .title-holder .title {
		width: 1000px;
	}
	
	.post {
		width: 297px;
	}
	
	.background_news {
		width: 297px;
	}
	
	.news .title-holder {
		width: 297px;
	}
	
	.news .text {
		width: 297px;
	}
	
}