#banner {
	width: 420px;
	height: 420px;
	overflow: hidden;
	position: relative;
}

	#banner .pic {
		position: relative
	}

		#banner .pic ul li {
			list-style: none;
			width: 420px;
			height: 420px;
			position: absolute;
			left: 0;
			top: 0;
			display: none
		}

			#banner .pic ul li img {
				max-width: 420px;
				max-height: 420px;
				position: absolute;
				bottom: 0px
			}

			#banner .pic ul li.first {
				display: block
			}

	#banner .but {
		width: 104px;
		height: 10px;
		position: absolute;
		bottom: 10px;
		left: 50%;
		margin-left: -52px
	}

		#banner .but ul li {
			list-style: none;
			width: 10px;
			height: 10px;
			float: left;
			margin: 0 5px;
			background-color: #fff;
			border-radius: 50%
		}

			#banner .but ul li.first {
				background-color: red
			}

	#banner .picnav {
		width: 420px;
		height: 85px;
		background-color: rgba(255, 255, 255, .8);
		position: absolute;
		bottom: -90px;
	}

		#banner .picnav ul li {
			list-style: none;
			width: 80px;
			height: 80px;
			float: left;
			padding-left: 3.1px;
			padding-top: 2.5px;
		}

			#banner .picnav ul li:first-child {
				padding-left: 3px;
			}


			#banner .picnav ul li img {
				width: 80px;
				height: 80px
			}