.slider {
float:left;
margin:-8px auto 0 auto;
width:716px;
height:300px;
position:relative;
}

.sliderContent {
float:left;
width:716px;
height:300px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderContent .item {
position:absolute;
width:716px;
height:300px;
}

.sliderContent a {
outline:none;
}

@media screen and (max-width: 767px) {
	.slider,
	.sliderContent,
	.sliderContent .item {
		box-sizing:border-box;
		float:none;
		width:100%;
		max-width:100%;
		height:auto;
		min-height:0;
	}

	.slider {
		margin:0;
		overflow:hidden;
	}

	.sliderContent {
		position:relative;
	}

	.sliderContent .item {
		position:relative;
	}

	.sliderContent .item img {
		display:block;
		width:100%;
		height:auto;
	}
}

a {
color:#fff;
}

a img {
border:none;
}