@CHARSET "UTF-8";div#imagebox{font-size:20px;position:fixed;left:0;top:0;right:0;bottom:0;z-index:10001;background-color:rgba(0,0,0,.3);-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none}div#imagebox div.buttons{height:40px;position:relative;background-color:rgba(0,0,0,.7)}div#imagebox div.buttons a{display:block;position:absolute;top:0;width:40px;height:40px;background-repeat:no-repeat;background-size:16px;background-position:center;cursor:pointer}div#imagebox div.buttons a.act{background-color:#004080}div#imagebox div.buttons a.close{background-image:url("Close-32.png");right:0}div#imagebox div.buttons a.revert{background-image:url("Revert-32.png");right:40px}div#imagebox div.buttons a.view{background-image:url("View-32.png");right:80px}div#imagebox div.buttons a.list{background-image:url("List-32.png");right:120px}div#imagebox div.buttons a.next{background-image:url("Next-32.png");right:160px}div#imagebox div.buttons a.prev{background-image:url("Previous-32.png");right:200px}div#imagebox div.buttons p{margin:0;padding:0 0 0 20px;height:40px;line-height:40px;text-align:left;vertical-align:middle;color:#fff}div#imagebox div.preview{display:none;position:absolute;left:0;right:0;bottom:0;overflow:auto;background-color:rgba(0,0,0,.7)}div#imagebox div.preview div{margin:10px;text-align:center}div#imagebox div.preview div a{display:inline-block;width:100px;height:100px;margin:5px;background:no-repeat center center;background-size:100px;cursor:pointer}div#imagebox div.preview div a.act{border:2px solid red;margin:3px}div#imagebox div.viewzone{position:absolute;top:40px;left:0px;right:0px;bottom:0px;overflow:hidden}div#imagebox div.viewzone img{position:absolute;display:none;box-shadow:0 0 15px #222}@media only screen and (min-width: 360px)and (max-width: 418px){div#imagebox{font-size:20px}}@media only screen and (min-width: 270px)and (max-width: 359px){div#imagebox{font-size:18px}}@media only screen and (min-width: 240px)and (max-width: 269px){div#imagebox{font-size:16px}}@media only screen and (min-width: 180px)and (max-width: 239px){div#imagebox{font-size:14px}}@media only screen and (max-width: 418px){div#imagebox{background-color:rgba(255,255,255,.9)}div#imagebox div.buttons{height:2em}div#imagebox div.buttons a{width:2em;height:2em;background-size:.8em}div#imagebox div.buttons a.revert{right:2em}div#imagebox div.buttons a.view{right:4em}div#imagebox div.buttons a.list{right:6em}div#imagebox div.buttons a.next{right:8em}div#imagebox div.buttons a.prev{right:10em}div#imagebox div.buttons p{padding:0 0 0 1em;height:2em;line-height:2em}div#imagebox div.preview{display:none;position:absolute;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7)}div#imagebox div.preview div{margin:.5em;height:4.5em;text-align:center;overflow:auto}div#imagebox div.preview div a{width:4em;height:4em;margin:.25em;background-size:4em}div#imagebox div.preview div a.act{border:.2em solid red;margin:.05em}div#imagebox div.viewzone{top:2em}div#imagebox div.viewzone img{box-shadow:0 0 5px #222}}/*# sourceMappingURL=imagebox.css.map */