.autoPlay * {
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.autoPlay {
    height:100%;
    width:100%;
}
.autoPlay .ul{
				height:100%;
    width:100%;
			}
.autoPlay .li {
    list-style: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    -moz-transition: display .5s;
    -o-transition: display .5s;
    -webkit-transition: display .5s;
    transition: display .5s;
}
			.autoPlay .li img{
				width: 100%;
				height: 100%;
			}
			.autoPlay nav{
				position: absolute;
				bottom: 50px;
				text-align: center;
			    width: 100%;
			}
			.autoPlay a{
				display: inline-block;
				height: 10px;
				width: 10px;
				border: 1px solid gray;
				border-radius: 50%;
				margin-left: 10px;
			}
			.autoPlay a.active{
				background: darkgray;
			}
			body{
				margin: 0;
				padding: 0;
			}
			.hidden{
				display: none !important;
			}