/*! lightgallery - v1.2.21 - 2016-06-28
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2016 Sachin N; Licensed Apache 2.0 */
@font-face{font-family: 'Slide-icons'; src: url("/fonts/Slide-icons.eot?n1z373");src: url("/fonts/Slide-icons.eot?#iefixn1z373") format("embedded-opentype"), url("/fonts/Slide-icons.woff?n1z373") format("woff"), url("/fonts/Slide-icons.ttf?n1z373") format("truetype"), url("/fonts/Slide-icons.svg?n1z373") format("svg");font-weight: normal;font-style: normal;}
.lg-icon{font-family: 'Slide-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.lg-actions .lg-next, .lg-actions .lg-prev{background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 80px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080;}
@media (max-width: 1230px){
.lg-actions .lg-next, .lg-actions .lg-prev{background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 20px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080;}
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled{pointer-events: none; opacity: 0.5;}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover{color: #FFF;}
.lg-actions .lg-next{right: 20px;}
.lg-actions .lg-next:before{content: "\e01b";}
.lg-actions .lg-prev{left: 20px;}
.lg-actions .lg-prev:after{content: "\e01d";}
@-webkit-keyframes lg-right-end{0%{left: 0;} 50%{left: -30px;} 100%{left: 0;}}
@-moz-keyframes lg-right-end{0%{left: 0;} 50%{left: -30px;} 100%{left: 0;}}
@-ms-keyframes lg-right-end{0%{left: 0;} 50%{left: -30px;} 100%{left: 0;}}
@keyframes lg-right-end{0%{left: 0;} 50%{left: -30px;} 100%{left: 0;}}
@-webkit-keyframes lg-left-end{0%{left: 0;} 50%{left: 30px;} 100%{left: 0;}}
@-moz-keyframes lg-left-end{0%{left: 0;} 50%{left: 30px;} 100%{left: 0;}}
@-ms-keyframes lg-left-end{0%{left: 0;} 50%{left: 30px;} 100%{left: 0;}}
@keyframes lg-left-end{0%{left: 0;} 50%{left: 30px;} 100%{left: 0;}}
.lg-outer.lg-right-end .lg-object{-webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative;}
.lg-outer.lg-left-end .lg-object{-webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative;}
.lg-toolbar{z-index: 1082; left: 0; position: absolute; top: 0; width: 100%;}
.lg-toolbar .lg-icon{color: #999; cursor: pointer; float: right; font-size: 80px; /*height: 47px; line-height: 27px;*/ padding: 10px 0; text-align: center; width: 90px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear;}
.lg-toolbar .lg-icon:hover{color: #FFF;}
/*关闭按钮*/
.lg-toolbar .lg-close:after{content: "\e01a";font-family: 'Slide-icons';font-style: normal;font-size: 40px;}
.lg-sub-html{background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080;}
.lg-sub-html h4{margin: 0; font-size: 13px; font-weight: bold;}
.lg-sub-html p{font-size: 12px; margin: 5px 0 0;}
#lg-counter{color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle;}
.lg-toolbar, .lg-prev, .lg-next{opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;}
.lg-hide-items .lg-prev{opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}
.lg-hide-items .lg-next{opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}
.lg-hide-items .lg-toolbar{opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1;}
.lg-outer .lg-thumb-outer{background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab;}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing;}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration: 0s !important; transition-duration: 0s !important;}
.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);}
.lg-outer .lg-thumb{padding: 10px 0; height: 100%; margin:auto;}
.lg-outer .lg-thumb-item{border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px;}
@media (min-width: 1025px){.lg-outer .lg-thumb-item{-webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease;}}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{border-color: #a90707;}
.lg-outer .lg-thumb-item img{width: 100%; height: 100%; object-fit: cover;}
.lg-outer.lg-has-thumb .lg-item{padding-bottom: 120px;}
.lg-outer.lg-can-toggle .lg-item{padding-bottom: 0;}
.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease;}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom: 100px;}
.lg-outer .lg-toogle-thumb{background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px;}
.lg-outer .lg-toogle-thumb:after{font-family: 'Slide-icons';content: "\e01c";}
.lg-outer .lg-toogle-thumb:hover{color: #FFF;}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transition-duration: 0s; transition-duration: 0s;}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.lg-outer .lg-pager-outer{bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px;}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow: visible;}
.lg-outer .lg-pager-cont{cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px;}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow: 0 0 0 2px white inset;}
.lg-outer .lg-pager-thumb-cont{background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}
.lg-outer .lg-pager-thumb-cont img{width: 100%; height: 100%;}
.lg-outer .lg-pager{background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px;}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus{box-shadow: 0 0 0 8px white inset;}
.lg-outer .lg-caret{border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0;}
.lg-fullscreen:after{content: "\e20c";}
.lg-fullscreen-on .lg-fullscreen:after{content: "\e20d";}
.group{*zoom: 1;}
.group:before, .group:after{display: table; content: ""; line-height: 0;}
.group:after{clear: both;}
.lg-outer{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s;}
.lg-outer *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lg-outer.lg-visible{opacity: 1;}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current{-webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important;}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current{-webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1;}
.lg-outer.lg-grab img.lg-object{cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab;}
.lg-outer.lg-grabbing img.lg-object{cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing;}
.lg-outer .lg{height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%;}
.lg-outer .lg-inner{width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap;}
.lg-outer .lg-item{background: url("/img/loading.gif") no-repeat scroll center center transparent; display: none !important;}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide{display: inline-block !important;}
.lg-outer.lg-css .lg-current{display: inline-block !important;}
.lg-outer .lg-item, .lg-outer .lg-img-wrap{display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%;}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before{content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px;}
.lg-outer .lg-img-wrap{position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0;}
.lg-outer .lg-item.lg-complete{background-image: none;}
.lg-outer .lg-item.lg-current{z-index: 1060;}
.lg-outer .lg-image{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important;}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s;}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity: 1;}
.lg-outer .lg-empty-html{display: none;}
.lg-outer.lg-hide-download #lg-download{display: none;}
.lg-backdrop{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s;}
.lg-backdrop.in{opacity: 1;}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current{-webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important;}
.lg-css3.lg-use-css3 .lg-item{-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.lg-css3.lg-fade .lg-item{opacity: 0;}
.lg-css3.lg-fade .lg-item.lg-current{opacity: 1;}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current{-webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s;}
.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity: 0;}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;}
.lg-css3.lg-slide.lg-use-left .lg-item{opacity: 0; position: absolute; left: 0;}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left: -100%;}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left: 100%;}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left: 0; opacity: 1;}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current{-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;}

.grid{margin:8px auto;padding: 0;}
.grid li{display: block;float:left;padding:5px;width:24.8%;opacity:0;/* border:1px solid red;*/}
.grid li img{width:100%;}
.grid li.shown,.no-js .grid li,.no-cssanimations .grid li{opacity: 1;}
.grid li a,.grid li img{display: block;max-width: 100%;}
/* Effect 1: opacity */
.grid.effect-1 li.animate{-webkit-animation: fadeIn 0.65s ease forwards;animation: fadeIn 0.65s ease forwards;}
@-webkit-keyframes fadeIn{0%{}100%{opacity: 1;}}
@keyframes fadeIn{0%{}100%{opacity: 1;}}