.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(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(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}