.jquery-lightbox-move * { webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .jquery-lightbox-overlay { background:#000000; -webkit-tap-highlight-color: rgba(0,0,0,0); } .jquery-lightbox { position:relative; padding:17px 0; } .jquery-lightbox-border-top-left, .jquery-lightbox-border-top-right, .jquery-lightbox-border-bottom-left, .jquery-lightbox-border-bottom-right { position:absolute; height:17px; width:12%; z-index:7000; } .jquery-lightbox-border-top-left { background: url(/pyfile/images/jquery-lightbox-theme.png) no-repeat 0 0; top:0; left:0; } .jquery-lightbox-border-top-right { background: url(/pyfile/images/jquery-lightbox-theme.png) no-repeat right 0; top:0; right:0; } .jquery-lightbox-border-top-middle { background:#FFFFFF; position:absolute; height:7px; width:78%; top:0; left:12%; z-index:7000; overflow:hidden; } .jquery-lightbox-border-bottom-left { background: url(/pyfile/images/jquery-lightbox-theme.png) no-repeat 0 bottom; bottom:0; left:0; } .jquery-lightbox-border-bottom-right { background: url(/pyfile/images/jquery-lightbox-theme.png) no-repeat right bottom; bottom:0; right:0; } .jquery-lightbox-border-bottom-middle { background:#FFFFFF; height:7px; width:78%; position:absolute; bottom:0; left:12%; z-index:7000; overflow:hidden; } .jquery-lightbox-title { background:#FFFFFF; color:#2B2B2B; font-family:"微软雅黑",arial,serif; font-size:14px; line-height:14px; padding:5px 8px; margin:3px; position:absolute; bottom:0; z-index:7000; opacity:0.9; } .jquery-lightbox-html { z-index:7000; position:relative; border:0; border-left:7px solid #FFFFFF; border-right:7px solid #FFFFFF; padding:0px 15px; vertical-align:top; -webkit-overflow-scrolling: touch; } .jquery-lightbox-html embed, .jquery-lightbox-html object, .jquery-lightbox-html iframe { vertical-align:top; display:block; } .jquery-lightbox-background { position:absolute; top:7px; left:7px; z-index:6999; float:left; padding:0; } .jquery-lightbox-background img { display:block; position:relative; border:0; margin:0; padding:0; width:100%; height:100%; } .jquery-lightbox-mode-image .jquery-lightbox-html { z-index:6998; padding:0; } .jquery-lightbox-mode-html .jquery-lightbox-background { background:#FFFFFF; } .jquery-lightbox-mode-html .jquery-lightbox-html { overflow:auto; } .jquery-lightbox-loading, .jquery-lightbox-mode-html .jquery-lightbox-loading { background:#FFFFFF url(/pyfile/images/loading2.gif) no-repeat center center; } .jquery-lightbox-button-close { background: url(/pyfile/images/jquery-lightbox-theme.png) no-repeat -190px -115px; position:absolute; top:12px; right:-26px; width:29px; height:29px; } .jquery-lightbox-button-close:hover { background: url(/pyfile/images/jquery-lightbox-theme.png) no-repeat -220px -115px; } .jquery-lightbox-button-close span, .jquery-lightbox-buttons span { display:none; } .jquery-lightbox-mode-image .jquery-lightbox-button-close { right:14px; z-index:7002; } .jquery-lightbox-buttons { position:absolute; top:7px; left:7px; z-index:7001; height:39px; display:none; } .jquery-lightbox-buttons .jquery-lightbox-buttons-init, .jquery-lightbox-buttons .jquery-lightbox-buttons-end { width:5px; height:39px; float:left; display:inline; } .jquery-lightbox-buttons .jquery-lightbox-buttons-init { background: url(/pyfile/images/jquery-lightbox-theme.png) no-repeat -151px -153px; margin:7px 0 0 7px; } .jquery-lightbox-buttons .jquery-lightbox-buttons-end { background: url(/pyfile/images/jquery-lightbox-theme.png) no-repeat -244px -153px; margin:7px 0 0 0; } .jquery-lightbox-buttons .jquery-lightbox-button-left { background: url(/pyfile/images/jquery-lightbox-theme.png) no-repeat -156px -153px; width:24px; height:39px; float:left; display:inline; margin:7px 0 0 0; } .jquery-lightbox-buttons .jquery-lightbox-button-left:hover { background: url(/pyfile/images/jquery-lightbox-theme.png) no-repeat -156px -194px; } .jquery-lightbox-buttons .jquery-lightbox-button-right { background: url(/pyfile/images/jquery-lightbox-theme.png) no-repeat -220px -153px; width:24px; height:39px; float:left; display:inline; margin:7px 0 0 0; } .jquery-lightbox-buttons .jquery-lightbox-button-right:hover { background: url(/pyfile/images/jquery-lightbox-theme.png) no-repeat -220px -194px; } .jquery-lightbox-buttons .jquery-lightbox-button-max { background: url(/pyfile/images/jquery-lightbox-theme.png) no-repeat -182px -153px; width:36px; height:39px; float:left; display:inline; margin:7px 0 0 0; } .jquery-lightbox-buttons .jquery-lightbox-button-max:hover { background: url(/pyfile/images/jquery-lightbox-theme.png) no-repeat -182px -194px; } .jquery-lightbox-buttons .jquery-lightbox-button-min { background: url(/pyfile/images/jquery-lightbox-theme.png) no-repeat -162px -235px; width:36px; height:39px; float:left; display:inline; margin:7px 0 0 0; } .jquery-lightbox-buttons .jquery-lightbox-button-min:hover { background: url(/pyfile/images/jquery-lightbox-theme.png) no-repeat -207px -235px; } .jquery-lightbox-buttons-custom { height:39px; float:left; display:inline; background:#FFFFFF; line-height:39px; font-size:10px; margin:7px 0 0 0; } .jquery-lightbox-buttons-custom a { color:#9eaf07; font-size:10px; display:inline; font-weight:normal; text-decoration:underline; padding:0 3px; } .jquery-lightbox-mode-image .jquery-lightbox-button-close { opacity:0.7; } .jquery-lightbox-mode-image .jquery-lightbox-buttons { opacity:0.3; } .jquery-lightbox-mode-image:hover .jquery-lightbox-buttons, .jquery-lightbox-mode-image:hover .jquery-lightbox-button-close { opacity:0.9; } .jquery-lightbox-navigator { display:none; } .jquery-lightbox-hide { display:none; } /* Retina: */ @media screen and (max-device-width: 640px), screen and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 768px) and (max--moz-device-pixel-ratio: 2) { .jquery-lightbox-button-close, .jquery-lightbox-button-close:hover, .jquery-lightbox-border-top-left, .jquery-lightbox-border-top-right, .jquery-lightbox-border-bottom-left, .jquery-lightbox-border-bottom-right, .jquery-lightbox-buttons .jquery-lightbox-buttons-init, .jquery-lightbox-buttons .jquery-lightbox-buttons-end, .jquery-lightbox-buttons .jquery-lightbox-button-left, .jquery-lightbox-buttons .jquery-lightbox-button-left:hover, .jquery-lightbox-buttons .jquery-lightbox-button-right, .jquery-lightbox-buttons .jquery-lightbox-button-right:hover, .jquery-lightbox-buttons .jquery-lightbox-button-max, .jquery-lightbox-buttons .jquery-lightbox-button-max:hover, .jquery-lightbox-buttons .jquery-lightbox-button-min, .jquery-lightbox-buttons .jquery-lightbox-button-min:hover { background-image: url(/pyfile/images/jquery-lightbox-theme-mobile.png); background-size: 834px auto; } .jquery-lightbox-button-close { background-position:-380px -230px; width:58px; height:58px; right:-52px; } .jquery-lightbox-button-close:hover { background-position:-440px -230px; } .jquery-lightbox-buttons .jquery-lightbox-buttons-init, .jquery-lightbox-buttons .jquery-lightbox-buttons-end { width:10px; height:78px; } .jquery-lightbox-buttons .jquery-lightbox-buttons-init { background-position: -302px -306px; } .jquery-lightbox-buttons .jquery-lightbox-buttons-end { background-position: -488px -306px; } .jquery-lightbox-buttons .jquery-lightbox-button-left { background-position: -312px -306px; width:48px; height:78px; } .jquery-lightbox-buttons .jquery-lightbox-button-left:hover { background-position: -312px -388px; } .jquery-lightbox-buttons .jquery-lightbox-button-right { background-position: -440px -306px; width:48px; height:78px; } .jquery-lightbox-buttons .jquery-lightbox-button-right:hover { background-position: -440px -388px; } .jquery-lightbox-buttons .jquery-lightbox-button-max { background-position: -364px -306px; width:72px; height:78px; } .jquery-lightbox-buttons .jquery-lightbox-button-max:hover { background-position: -364px -388px; } .jquery-lightbox-buttons .jquery-lightbox-button-min { background-position: -324px -470px; width:72px; height:78px; } .jquery-lightbox-buttons .jquery-lightbox-button-min:hover { background-position: -414px -470px; } }