.lhtp{ height:500px;margin: 0 auto; overflow:hidden; position:relative; width:100%;}
.lhtp ul li{ height:500px; text-align:center; z-index:1; margin: 0 auto; position:absolute;  width:100%;}
.lhtp ul li a{ height:500px; width:100%; float:left;}
.lhtp ul li img{ height:500px;}
.lhtp ul li.hoverTmp{ z-index:2;}
.lhtp ul li.hover{ z-index:3;}
.lhtpBtn{ width:100%; height:13px;z-index:4;text-align: center;  position:absolute; bottom:40px; }
.lhtpBtn span{ width:12px; margin-left:3px; margin-right:3px; cursor:pointer; display: inline-block;height:13px;background: url(../images/dot.png) right 0 no-repeat; text-align:center;}
.lhtpBtn span.hover{background: url(../images/dot.png) left 0 no-repeat;}
.lhtpPrev{ width:50px;z-index:4; cursor:pointer; top:180px; display:inline-block; position:absolute; left:10px; height:45px;background: url(../images/prev.png) no-repeat;}
.lhtpPrev:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.lhtpNext{ width:50px;z-index:4; cursor:pointer; top:180px; display:inline-block; position:absolute; right:10px; height:45px;background: url(../images/next.png) no-repeat;}
.lhtpNext:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

@media screen and (max-width:40em){
	.lhtp ul li{ background-size:200% !important;}
	.lhtp,.lhtp ul li,.lhtp ul li a,.lhtp ul li img{ height:170px;
		}
		.lhtpPrev,.lhtpNext{top:80px;}