/* CSS Document */

.slideBox {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.slideBox .hd {
	overflow: hidden;
	position: absolute;
	width: 100%;
	bottom: 28px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}

.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	text-align: center
}

.slideBox .hd ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 5px;
	cursor: pointer;
	width: 50px;
	height: 3px;
	background: #ccc;
	border-radius: 10px
}

.slideBox .hd ul li.on {
	background: #2f2f2f;
}

.slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0
}

.slideBox .bd li {
	zoom: 1;
	vertical-align: middle
}

.slideBox .bd img {
	width: 100%;
	display: block
}

@media screen and (max-width: 1024px){
	
.slideBox .hd {
    bottom: 0px;
    background-color: #0000004a;
    height: 28px;
    line-height: 28px;
}

.slideBox .bd img {
    width: 120%;
    margin-left: -10%;
    display: block;
}

}