.newsContainerKuang{

}
.newsContainerKuang>.cover{
	width: 100%;
	height: 300px;
	overflow:hidden;
}
.newsContainer{
	width: 960px;
	margin: 0 auto;
	background: #1F1F1F;
}
.newsContainer.title{
	position: relative;
	top: -50px;
	color: #fff;
}
.newsContainer.title>h1{
	font-weight: 300;
	font-size: 34px;
	display: inline-block;
}
.newsContainer.title>h1:after{
	content: '';
	width: 33.33%;
	height: 1px;
	background:#fff;
	display: block;
	margin-top: 14px;
}

.hotItem{
	margin-bottom: 30px;
	position: relative;
}
.hotItem>.pic{
	width: 100%;
	height: 170px;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}
.newsTime{
	background: #000;
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 12px;
	display: inline-block;
	margin-top: 10px;
}
.hotItem>.pic>img{
	transition: transform .5s;
}
.hotItem:hover img{
	transform:scale(1.1);
}
.hotItem>h6{
	color: #b9baba;
	font-weight: normal;
	font-size: 14px;
	line-height: 30px;
}
.hotItem:hover h6{
	color: #fff;
}
.page-link,
.page-link:focus{
	background: #000;
	color: #fff;
	border-color: rgb(102, 102, 102);
	box-shadow: none;
	min-width: 36px;
	text-align: center;
}
.page-link:hover{
	background: rgba(102,102,102,0.5);
	color: #fff;
}
.page-item.disabled .page-link{
	background: #000;
	border-color: rgb(102, 102, 102);
	color: #aaa;
}
.page-item.active .page-link{
	background: #000;
	border-color: #fff;
	background: #fff;
	color: #555;
}

@media screen and (max-width: 960px) {
	.newsContainerKuang>.cover{
		display: none;
	}
	.newsContainer.title{
		display: none;
	}
	.newsContainer{
		width: 100%;
		background: #000;
		padding: 20px !important;
	}
	.newsTime{
		background: rgba(0,0,0,.8);
		position: absolute;
		right: 10px;
		top: 10px;
		color: #aaa;
	}
	.hotItem>h6{
		font-size: 18px;
		padding-top: 15px;
		color: #e1e2e3;
	}
}