* {
	zoom: 1
}

.slideBox {
	position: relative;
	background: #fff;
	margin: 0 auto;
}

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

.slideBox .bd li img {
	width: 100%;
	vertical-align: top;
	background: url(../img/loading.gif) center center no-repeat;
}

.slideBox .hd {
	position: relative;
	z-index: 1;
	margin-top: -30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.slideBox .hd ul {
	text-align: center;
	padding-top: 5px;
}

.slideBox .hd ul li {
	cursor: pointer;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 8px;
	height: 8px;
	margin: 5px;
	background: url(tg_flash_p.png) -18px 0;
	overflow: hidden;
	font-size: 0;
}

.slideBox .hd ul .on {
	background-position: 0 0;
}

.slideBox .prev,.slideBox .next {
	z-index: 1;
	display: block;
	width: 55px;
	height: 55px;
    position: absolute;
	top: calc(50% - 55px);
	background: url(arrow.png) 0 0 no-repeat;
	filter: alpha(opacity=40);
	opacity: 0.4
}

.slideBox .prev {
    left: 3%;
}

.slideBox .next {
	background-position: right 0;
    right: 3%;
}

.slideBox .prev:hover,.slideBox .next:hover {
	filter: alpha(opacity=80);
	opacity: 0.8
}