a:focus { outline: none; }
#uis-mask { top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0B0B0B none repeat scroll 0% 0%; opacity: 0.8; display: none; }
#uis-gallery { background: #FFF; width: 90%; height: 90%; position: fixed; top: 5%; left: 5%; z-index: 9999; box-shadow: 0px 0px 5px #000; padding: 40px 20px; box-sizing: border-box; min-width: 400px; min-height: 300px; visibility: hidden; }
#uis-gallery a.uis-gallery-close { position: absolute; top: 7px; right: 5px; width: 24px; height: 24px; font-size: 32px; text-decoration: none; line-height: 25px; color: #878585; font-family: Arial, sens-serif; }
#uis-gallery a.uis-gallery-close:hover { color: #000; }
#uis-gallery .uis-gallery-box { margin-right: 220px; height: 100%; text-align: center; }
#uis-gallery .uis-gallery-box img { max-width: 100%; max-height: 100%; }
#uis-gallery .uis-gallery-box p { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 15px; }
#uis-gallery .uis-gallery-thumbs { width: 220px; position: absolute; top: 40px; right: 12px; padding-left: 25px; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; }
#uis-gallery .uis-gallery-thumbs a { width: 80px; height: 80px; overflow: hidden; display: block; float: left; margin: 0 10px 10px 0; border: 1px solid #CCC; position: relative; text-align: center; }
#uis-gallery .uis-gallery-thumbs a:nth-child(2n) { margin-right: 0; }
#uis-gallery .uis-gallery-thumbs a img { max-height: 100%; width: auto; opacity: 0.7; }
#uis-gallery .uis-gallery-thumbs a.active img, #uis-gallery .uis-gallery-thumbs a:hover img { max-height: 100%; opacity: 1; }