body.break { height:100vh; /*overflow:clip;*/ }
.break::-webkit-scrollbar{ width:8px; }
.break::-webkit-scrollbar-track{ background:#333; }
.break::-webkit-scrollbar-thumb{ background:#555 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEUAAADMzMzIT8AyAAAAAXRSTlMAQObYZgAAABBJREFUCNdjSGAAgQ9gMgEAC94BsRoDbWkAAAAASUVORK5CYII=) no-repeat center center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.break::-webkit-scrollbar-thumb:vertical:hover { background-color:rgba(255,255,255,.3); }
.break::-webkit-scrollbar-thumb:vertical:active { background-color:rgba(255,255,255,.4); }
.timgbox img { cursor:zoom-in; }
.timgbox a img { cursor:pointer; }
.image-viewer { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.65); display:none; justify-content:center; align-items:center; z-index:1000; }
.viewer-content { position:relative; width:960px; height:100%; display:flex; align-items:center; justify-content:center; }
.viewer-image { max-width:1000px; max-height:calc(100% - 20px); display:block; margin:0 auto; }
.viewer-btn { position:absolute; background:rgba(0,0,0,0.5); color:white; border:none; width:50px; height:50px; font-size:24px; cursor:pointer; display:flex; justify-content:center; align-items:center; transition:background 0.3s; }
.viewer-btn:hover { background:rgba(0,0,0,0.8); }
.prev-btn { left:-100px; top:50%; transform:translateY(-50%); }
.next-btn { right:-100px; top:50%; transform:translateY(-50%); }
.close-btn { width:50px; height:50px; font-size:36px; text-align:center; line-height:45px; top:0; right:0; display:inline-block; }
.btn-symbol { user-select:none; }
.fullscreen-zoom { width:100%; height:100%; padding:10px 0; box-sizing:border-box; background:rgba(0,0,0,0.65); overflow:auto; position:fixed; top:0; left:0; z-index:2000; display:none; justify-content:center; }
.fullscreen-zoom::-webkit-scrollbar{ width:8px; }
.fullscreen-zoom::-webkit-scrollbar-track{ background:#222; }
.fullscreen-zoom::-webkit-scrollbar-thumb{ background:#555 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEUAAADMzMzIT8AyAAAAAXRSTlMAQObYZgAAABBJREFUCNdjSGAAgQ9gMgEAC94BsRoDbWkAAAAASUVORK5CYII=) no-repeat center center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.fullscreen-zoom::-webkit-scrollbar-thumb:vertical:hover { background-color:rgba(255,255,255,.3); }
.fullscreen-zoom::-webkit-scrollbar-thumb:vertical:active { background-color:rgba(255,255,255,.4); }
.fullscreen-image { max-width:100%; cursor:zoom-out; }
.viewer-content img, .fullscreen-image { -webkit-user-drag:none; user-select:none; }
.can-zoom { cursor:zoom-in; }
.night .viewer-btn { background-color:#333; }
@media screen and (max-width: 1160px) {
	.viewer-content { width:calc(100% - 120px); }
	.prev-btn { left:-60px; }
	.next-btn { right:-60px; }
	.close-btn { line-height:50px; }
	.viewer-image { max-width:100%; }
	.fullscreen-image { max-height:100%; }
	.fullscreen-zoom { align-items:center; }
}