/* 代码整理：易站站长网 www.yizhanzzw.com */
*{ margin:0; padding:0;}
body {
	padding: 5em;
	margin: 0;
	color: #666;
}
h1, h2 {
	color: #333;
}
.clearfix {
	display: block;
	float: none;
	clear: both;
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.left {
	float: left;
}
.right {
	float: right;
}
.picture-box.zoomin.viewport {
	width: 1000px !important;
}
.picture-box {
	background:#fff
}
.picture-box .pictures {
	display:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center
}
.picture-box .pictures ul, .picture-box .pictures ol {
	display:inline-block;
*display:inline;
*zoom:1;
	margin:0;
	padding:1em 0
}
.picture-box .pictures ul li, .picture-box .pictures ol li {
	display:inline-block;
*display:inline;
*zoom:1;
	width:60px;
	height:60px;
	margin:10px 5px;
	cursor:pointer;
	border:1px solid #333
}
.picture-box .pictures ul li.active, .picture-box .pictures ol li.active {
	border-color:#fff
}
.picture-box .viewport {
	width:600px;
	height:600px;
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
	margin:auto
}
.picture-box .viewport .loading {
	display:none;
	width:32px;
	height:32px;
	background-image:url(../images/picture-box-loading.gif);
	position:absolute;
	top:1em;
	right:1em
}
.picture-box .toolbar {
	text-align:center;
	padding:5px
}
.picture-box .toolbar a.prev, .picture-box .toolbar a.next, .picture-box .toolbar a.zoom {
	display:inline-block;
*display:inline;
*zoom:1;
	width:16px;
	height:16px;
	background:transparent url(../images/picture-box-buttons.png) no-repeat;
	margin:auto 1em;
	font:0/0 f;
	border:0;
	overflow:hidden
}
.picture-box .toolbar a.prev {
	background-position:0 0
}
.picture-box .toolbar a.next {
	background-position:-16px 0
}
.picture-box .toolbar a.zoom {
	background-position:-32px 0
}
.picture-box.zoomin {
	position:absolute;
	background-color:#333;
	z-index:9999
}
.picture-box.zoomin .pictures {
	display:block
}
.picture-box.zoomin .viewport {
	margin-top:3em;
	width:800px;
	height:600px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	-ms-box-shadow:0 0 10px #000;
	-o-box-shadow:0 0 10px #000;
	box-shadow:0 0 10px #000
}
.picture-box.zoomin .toolbar a.prev {
	background-position:0 -16px
}
.picture-box.zoomin .toolbar a.next {
	background-position:-16px -16px
}
.picture-box.zoomin .toolbar a.zoom {
	background-position:-32px -16px
}
/* 代码整理：易站站长网 www.yizhanzzw.com */