﻿.glass-case * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.glass-case *:before, .glass-case *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.glass-case { position: relative; }
.gc-display-area { position: relative; overflow: hidden; left: 0; border: 1px solid #dddddd; padding: 3px; background-color: #fff; }
.gc-display-container { position: relative; overflow: hidden; top: 50%; left: 50%; width: 100%; height: 100%; max-width: 100%; max-height: 100%; }
.gc-display-display { position: relative; height: 100%; width: 100%; max-height: 100%; max-width: 100%; cursor: crosshair; opacity: 1; }
.gc-lens { position: absolute; overflow: hidden; z-index: 1000; cursor: crosshair; border: 1px solid #d0d0d0; background: #cecece; opacity: .5 !important; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50) !important; -moz-opacity: .5; -khtml-opacity: .5; }
.gc-zoom { position: absolute; overflow: hidden; width: 100%; height: auto; z-index: 1010 !important; border: 1px solid #d0d0d0; padding: 3px; background-color: #fff; }
.gc-zoom-container { position: relative; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; max-width: 100%; max-height: 100%; }
.gc-zoom-container img { position: relative; max-width: none !important; }
.gc-thumbs-area { position: relative; overflow: hidden; background-color: transparent; }
.gc-thumbs-area-prev, .gc-thumbs-area-next { position: absolute; top: 0; z-index: 1010; height: 100%; min-height: 100%; width: 5%; background: #ccc; background: #ccc; opacity:0.5; -ms-filter: "alpha(opacity=70)"; filter: alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; }
.gc-thumbs-area-prev { left: 0; }
.gc-thumbs-area-next { right: 0; }
.gc-thumbs-area-prev:hover, .gc-thumbs-area-next:hover { opacity: 1; cursor: pointer; cursor: hand; }
.gc-thumbs-area-prev .gc-disabled, .gc-thumbs-area-next .gc-disabled, .gc-thumbs-area-prev .gc-disabled:hover, .gc-thumbs-area-next .gc-disabled:hover { opacity: 1; -ms-filter: "alpha(opacity=30)"; filter: alpha(opacity=30); -moz-opacity: .3; -khtml-opacity: .3; cursor: default; }
.glass-case ul { position: relative; left: 0; height: 100%; min-height: 100%; list-style: none; }
.glass-case ul li { position: relative; overflow: hidden; width: 100%; height: 100%; max-width: 100%; max-height: 100%; display: inline; float: left; margin-right: 3px; border: 1px solid #d0d0d0; padding: 1px; background-color: #fff; }
.glass-case ul li .gc-li-display-container { position: relative; overflow: hidden; height: 100%; width: 100%; display: inline-block; }
.glass-case ul li:hover { background-color: #542454; cursor: pointer; cursor: hand; }
.glass-case ul li.gc-active, .glass-case ul li.gc-active:hover { background-color: #542454; cursor: default; }
.glass-case ul li .gc-li-display-container img { position: relative; top: 50%; left: 50%; }
.gc-overlay-area { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2147483647 !important; background-color: #ccc; background-color: rgba(204,204,204,0.9); }
.gc-overlay-container { position: fixed; overflow: auto; width: 100%; height: 100%; }
.gc-overlay-display { position: absolute; top: 50%; left: 50%; cursor: crosshair; }
@font-face { font-family: 'entypo'; src: url('fonts/entypo.eot'); src: url('fonts/entypo.eot?#iefix') format('embedded-opentype'),url('fonts/entypo.woff') format('woff'),url('fonts/entypo.ttf') format('truetype'),url('fonts/entypo.svg#entypo') format('svg'); font-weight: normal; font-style: normal; }
[class^="gc-icon-"], [class*=" gc-icon-"] { font-family: 'entypo'; font-style: normal; font-weight: normal; font-variant: normal; speak: none; text-transform: none; line-height: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.gc-icon { position: absolute; width: .5em !important; height: .5em !important; z-index: 1020; font-family: 'entypo'; line-height: 0; word-spacing: -1; letter-spacing: -1; cursor: pointer; cursor: hand; color: #fff; opacity: .7; -ms-filter: "alpha(opacity=70)"; filter: alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; }
.gc-icon:hover { opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; }
.gc-disabled .gc-icon:hover, .gc-disabled .gc-icon:hover, .gc-disabled .gc-icon, .gc-disabled .gc-icon { opacity: .3; -ms-filter: "alpha(opacity=30)"; filter: alpha(opacity=30); -moz-opacity: .3; -khtml-opacity: .3; cursor: default; }
.gc-icon-next { top: 50%; right: 1%; color:#333; }
.gc-icon-next:before { content: "\e762"; float: right; }
.gc-display-area .gc-icon-next, .gc-thumbs-area-next .gc-icon-next { font-size: 5em !important; }
.gc-overlay-area .gc-icon-next { font-size: 8em; }
.gc-icon-prev { top: 50%; left: 1%; color:#333; }
.gc-icon-prev:before { content: "\e761"; }
.gc-display-area .gc-icon-prev, .gc-thumbs-area-prev .gc-icon-prev { font-size: 5em !important; }
.gc-overlay-area .gc-icon-prev { font-size: 8em; }
.gc-icon-download { right: 0; bottom: 0; font-size: 4em; display:none; }
.gc-icon-download:before { content: "\2b07"; }
.gc-icon-close { right: 1%; top: 0; font-size: 6em; }
.gc-icon-close:before { content: "\274c"; float: right; }
.gc-loading { position: absolute; top: 50%; left: 50%; width: 31px; height: 31px; margin-left: -15px; margin-top: -15px; background-image: url(loader.gif); }
.gc-hide { display: none; z-index: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; }
.gc-noscroll { overflow: hidden; }
.gc-start { display: none; z-index: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; }
