#go-overlay { position: fixed; z-index: 2000000; overflow: hidden; } #go-overlay-bg { position: absolute; top: 0; left: 0; background: #000; background-position: center top; background-size: cover; } div.go-gallery { width: 100%; zoom: 1; overflow: auto; } div.go-gallery.menu-left ul.go-gallery-filters { text-align: left; } div.go-gallery.menu-center ul.go-gallery-filters { text-align: center; } div.go-gallery.menu-right ul.go-gallery-filters { text-align: right; } div.go-gallery.menu-show ul.go-gallery-filters { display: block; } div.go-gallery ul.go-gallery-filters { zoom: 1; overflow: auto; clear: both; display: none; padding: 20px; } div.go-gallery ul.go-gallery-filters, div.go-gallery ul.go-gallery-filters li { margin: 0; padding: 0; } div.go-gallery ul.go-gallery-filters li { display: inline; } div.go-gallery ul.go-gallery-filters li a { display: inline-block; background: #444; color: #fff; margin: 0 4px; } div.go-gallery ul.go-gallery-filters li a:link, div.go-gallery ul.go-gallery-filters li a:hover, div.go-gallery ul.go-gallery-filters li a:visited, div.go-gallery ul.go-gallery-filters li a:active { text-decoration: none; padding: 3px 8px; } div.go-gallery ul.go-gallery-list, div.go-gallery li.go-gallery-item { display: block; margin: 0; padding: 0; } div.go-gallery.size-tiny ul.go-gallery-list li.go-gallery-item { width: 12.5%; } div.go-gallery.size-tiny ul.go-gallery-list li.go-gallery-item .image-overlay h3, div.go-gallery.size-tiny ul.go-gallery-list li.go-gallery-item .image-overlay h4 { display: none; } div.go-gallery.size-small ul.go-gallery-list li.go-gallery-item { width: 25%; } div.go-gallery.size-medium ul.go-gallery-list li.go-gallery-item { width: 32.5%; } div.go-gallery.size-large ul.go-gallery-list li.go-gallery-item { width: 49.5%; } div.go-gallery.style-squared ul.go-gallery-list li.go-gallery-item figure { width: 100%; padding-top: 100%; } div.go-gallery.style-squared ul.go-gallery-list li.go-gallery-item img { display: none; } div.go-gallery.style-squared ul.go-gallery-list li.go-gallery-item .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } div.go-gallery.style-squared ul.go-gallery-list li.go-gallery-item:hover .image { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } div.go-gallery ul.go-gallery-list { zoom: 1; overflow: auto; overflow: hidden; clear: both; } div.go-gallery ul.go-gallery-list li.go-gallery-item { box-sizing: border-box; width: 25%; float: left; cursor: pointer; } div.go-gallery ul.go-gallery-list li.go-gallery-item .image-wrap { padding: 8px; background: #fff; display: block; box-sizing: border-box; } div.go-gallery ul.go-gallery-list li.go-gallery-item .image-wrap:link, div.go-gallery ul.go-gallery-list li.go-gallery-item .image-wrap:hover, div.go-gallery ul.go-gallery-list li.go-gallery-item .image-wrap:visited, div.go-gallery ul.go-gallery-list li.go-gallery-item .image-wrap:active { text-decoration: none !important; border: none !important; } div.go-gallery ul.go-gallery-list li.go-gallery-item figure { display: block; position: relative; overflow: hidden; } div.go-gallery ul.go-gallery-list li.go-gallery-item .image-overlay { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.4); opacity: 0; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; } div.go-gallery ul.go-gallery-list li.go-gallery-item .image-overlay h3 { background: #000; color: #fff; display: block; top: 10px; position: absolute; left: 0; right: 0; text-align: center; margin: 0; padding: 1px 12px; white-space: pre; text-overflow: ellipsis; overflow: hidden; font-weight: 400; -webkit-transform: translate(0, -50px); -moz-transform: translate(0, -50px); -o-transform: translate(0, -50px); -ms-transform: translate(0, -50px); transform: translate(0, -50px); -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } div.go-gallery ul.go-gallery-list li.go-gallery-item .image-overlay h4 { color: #000; display: block; top: 50px; position: absolute; left: 0; right: 0; line-height: 1.2em; height: 2.4em; text-align: center; margin: 0; font-size: 13px; font-style: italic; padding: 1px 12px; text-overflow: ellipsis; overflow: hidden; font-weight: 400; opacity: 0; -webkit-transform: translate(0px, 50px); -moz-transform: translate(0px, 50px); -o-transform: translate(0px, 50px); -ms-transform: translate(0px, 50px); transform: translate(0px, 50px); -webkit-transition: all 300ms 200ms; -moz-transition: all 300ms 200ms; -o-transition: all 300ms 200ms; transition: all 300ms 200ms; } div.go-gallery ul.go-gallery-list li.go-gallery-item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } div.go-gallery ul.go-gallery-list li.go-gallery-item:hover .image-overlay { opacity: 1; } div.go-gallery ul.go-gallery-list li.go-gallery-item:hover .image-overlay h3 { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); } div.go-gallery ul.go-gallery-list li.go-gallery-item:hover .image-overlay h4 { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; } div.go-gallery ul.go-gallery-list li.go-gallery-item img { z-index: 1; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); width: 100%; max-width: 100%; height: auto; display: block; border-radius: 0; box-shadow: none; }