.jquery-lightbox-overlay {
	BACKGROUND: #000000
}
.jquery-lightbox {
	POSITION: relative; PADDING-BOTTOM: 17px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 17px
}
.jquery-lightbox-border-top-left {
	Z-INDEX: 7000; POSITION: absolute; WIDTH: 12%; HEIGHT: 17px
}
.jquery-lightbox-border-top-right {
	Z-INDEX: 7000; POSITION: absolute; WIDTH: 12%; HEIGHT: 17px
}
.jquery-lightbox-border-bottom-left {
	Z-INDEX: 7000; POSITION: absolute; WIDTH: 12%; HEIGHT: 17px
}
.jquery-lightbox-border-bottom-right {
	Z-INDEX: 7000; POSITION: absolute; WIDTH: 12%; HEIGHT: 17px
}
.jquery-lightbox-border-top-left {
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat 0px 0px; TOP: 0px; LEFT: 0px
}
.jquery-lightbox-border-top-right {
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat right 0px; TOP: 0px; RIGHT: 0px
}
.jquery-lightbox-border-top-middle {
	Z-INDEX: 7000; POSITION: absolute; WIDTH: 78%; BACKGROUND: #2b2b2b; HEIGHT: 7px; OVERFLOW: hidden; TOP: 0px; LEFT: 12%
}
.jquery-lightbox-border-bottom-left {
	BOTTOM: 0px; BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat 0px bottom; LEFT: 0px
}
.jquery-lightbox-border-bottom-right {
	BOTTOM: 0px; BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat right bottom; RIGHT: 0px
}
.jquery-lightbox-border-bottom-middle {
	Z-INDEX: 7000; POSITION: absolute; WIDTH: 78%; BOTTOM: 0px; BACKGROUND: #2b2b2b; HEIGHT: 7px; OVERFLOW: hidden; LEFT: 12%
}
.jquery-lightbox-title {
	Z-INDEX: 7000; POSITION: absolute; PADDING-BOTTOM: 5px; LINE-HEIGHT: 14px; MARGIN: 3px; PADDING-LEFT: 8px; BOTTOM: 0px; PADDING-RIGHT: 8px; FONT-FAMILY: verdana, arial, serif; BACKGROUND: #2b2b2b; COLOR: #ffffff; FONT-SIZE: 11px; PADDING-TOP: 5px; opacity: 0.9
}
.jquery-lightbox-html {
	Z-INDEX: 7000; BORDER-BOTTOM: 0px; POSITION: relative; BORDER-LEFT: #2b2b2b 7px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; VERTICAL-ALIGN: top; BORDER-TOP: 0px; BORDER-RIGHT: #2b2b2b 7px solid; PADDING-TOP: 0px
}
.jquery-lightbox-html EMBED {
	VERTICAL-ALIGN: top
}
.jquery-lightbox-html OBJECT {
	VERTICAL-ALIGN: top
}
.jquery-lightbox-html IFRAME {
	VERTICAL-ALIGN: top
}
.jquery-lightbox-background {
	Z-INDEX: 6999; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; TOP: 7px; PADDING-TOP: 0px; LEFT: 7px
}
.jquery-lightbox-background IMG {
	BORDER-BOTTOM: 0px; POSITION: relative; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 100%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
.jquery-lightbox-mode-image .jquery-lightbox-html {
	Z-INDEX: 6998; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.jquery-lightbox-mode-html .jquery-lightbox-background {
	BACKGROUND: #ffffff
}
.jquery-lightbox-mode-html .jquery-lightbox-html {
	OVERFLOW: auto
}
.jquery-lightbox-loading {
	BACKGROUND: url(../images/loading.gif) #ffffff no-repeat center center
}
.jquery-lightbox-mode-html .jquery-lightbox-loading {
	BACKGROUND: url(../images/loading.gif) #ffffff no-repeat center center
}
.jquery-lightbox-button-close {
	POSITION: absolute; WIDTH: 29px; BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -190px -115px; HEIGHT: 29px; TOP: 12px; RIGHT: -26px
}
.jquery-lightbox-button-close:hover {
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -220px -115px
}
.jquery-lightbox-button-close SPAN {
	DISPLAY: none
}
.jquery-lightbox-buttons SPAN {
	DISPLAY: none
}
.jquery-lightbox-mode-image .jquery-lightbox-button-close {
	Z-INDEX: 7002; RIGHT: 14px
}
.jquery-lightbox-buttons {
	Z-INDEX: 7001; POSITION: absolute; DISPLAY: none; HEIGHT: 39px; TOP: 7px; LEFT: 7px
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init {
	WIDTH: 5px; DISPLAY: inline; FLOAT: left; HEIGHT: 39px
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-end {
	WIDTH: 5px; DISPLAY: inline; FLOAT: left; HEIGHT: 39px
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init {
	MARGIN: 7px 0px 0px 7px; BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -151px -153px
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-end {
	MARGIN: 7px 0px 0px; BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -244px -153px
}
.jquery-lightbox-buttons .jquery-lightbox-button-left {
	MARGIN: 7px 0px 0px; WIDTH: 24px; DISPLAY: inline; BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -156px -153px; FLOAT: left; HEIGHT: 39px
}
.jquery-lightbox-buttons .jquery-lightbox-button-left:hover {
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -156px -194px
}
.jquery-lightbox-buttons .jquery-lightbox-button-right {
	MARGIN: 7px 0px 0px; WIDTH: 24px; DISPLAY: inline; BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -220px -153px; FLOAT: left; HEIGHT: 39px
}
.jquery-lightbox-buttons .jquery-lightbox-button-right:hover {
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -220px -194px
}
.jquery-lightbox-buttons .jquery-lightbox-button-max {
	MARGIN: 7px 0px 0px; WIDTH: 36px; DISPLAY: inline; BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -182px -153px; FLOAT: left; HEIGHT: 39px
}
.jquery-lightbox-buttons .jquery-lightbox-button-max:hover {
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -182px -194px
}
.jquery-lightbox-buttons .jquery-lightbox-button-min {
	MARGIN: 7px 0px 0px; WIDTH: 36px; DISPLAY: inline; BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -162px -235px; FLOAT: left; HEIGHT: 39px
}
.jquery-lightbox-buttons .jquery-lightbox-button-min:hover {
	BACKGROUND: url(../images/jquery-lightbox-theme.png) no-repeat -207px -235px
}
.jquery-lightbox-buttons-custom {
	LINE-HEIGHT: 39px; MARGIN: 7px 0px 0px; DISPLAY: inline; BACKGROUND: #2b2b2b; FLOAT: left; HEIGHT: 39px; FONT-SIZE: 10px
}
.jquery-lightbox-buttons-custom A {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; DISPLAY: inline; COLOR: #ffffff; FONT-SIZE: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: underline; PADDING-TOP: 0px
}
.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 {
	opacity: 0.9
}
.jquery-lightbox-mode-image:hover .jquery-lightbox-button-close {
	opacity: 0.9
}
.jquery-lightbox-navigator {
	DISPLAY: none
}

/* 兼容 jQuery 3.7.0 的新样式 */
#jquery-lightbox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.8;
	z-index: 9998;
	display: none;
}

#jquery-lightbox {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	max-width: 90%;
	max-height: 90%;
	display: none;
}

#jquery-lightbox img {
	max-width: 100%;
	max-height: 90vh;
	display: block;
	margin: 0 auto;
}

/* 图片容器 */
.jquery-lightbox-image-wrapper {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

/* 关闭按钮 - 位于图片右上角 */
.jquery-lightbox-button-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 36px;
	height: 36px;
	background-color: rgba(0,0,0,0.7);
	border-radius: 50%;
	text-align: center;
	line-height: 36px;
	text-decoration: none;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
	z-index: 10002;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
}

.jquery-lightbox-button-close:hover {
	background-color: rgba(0,0,0,0.9);
	transform: scale(1.1);
}

/* 上一篇/下一篇按钮 - 位于图片左右两侧 */
.jquery-lightbox-button-prev,
.jquery-lightbox-button-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background-color: rgba(0,0,0,0.6);
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	text-decoration: none;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	z-index: 10002;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
}

.jquery-lightbox-button-prev {
	left: 10px;
}

.jquery-lightbox-button-next {
	right: 10px;
}

.jquery-lightbox-button-prev:hover,
.jquery-lightbox-button-next:hover {
	background-color: rgba(0,0,0,0.9);
	transform: translateY(-50%) scale(1.1);
}

/* 移动端全面优化 */
@media (max-width: 768px) {
	/* 容器优化 - 移动端使用更大的显示区域 */
	#jquery-lightbox {
		max-width: 98%;
		max-height: 98%;
		width: 98%;
		height: auto;
		padding: 0;
		margin: 0;
	}
	
	/* 图片容器优化 */
	.jquery-lightbox-image-wrapper {
		width: 100%;
		max-width: 100%;
		display: block;
	}
	
	/* 图片优化 - 移动端自适应屏幕 */
	#jquery-lightbox img {
		max-width: 100%;
		max-height: 95vh;
		width: auto;
		height: auto;
		display: block;
		margin: 0 auto;
		object-fit: contain;
	}
	
	/* 按钮优化 */
	.jquery-lightbox-button-close {
		width: 44px;
		height: 44px;
		font-size: 32px;
		line-height: 44px;
		top: 10px;
		right: 10px;
		background-color: rgba(0,0,0,0.8);
	}
	
	.jquery-lightbox-button-prev,
	.jquery-lightbox-button-next {
		width: 44px;
		height: 44px;
		font-size: 24px;
		line-height: 44px;
		background-color: rgba(0,0,0,0.8);
	}
	
	.jquery-lightbox-button-prev {
		left: 10px;
	}
	
	.jquery-lightbox-button-next {
		right: 10px;
	}
	
	/* 图片计数优化 */
	.jquery-lightbox-counter {
		top: 10px;
		left: 10px;
		padding: 8px 14px;
		font-size: 14px;
		background-color: rgba(0,0,0,0.8);
	}
}

/* 图片计数 - 位于图片左上角 */
.jquery-lightbox-counter {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #fff;
	padding: 6px 12px;
	background-color: rgba(0,0,0,0.7);
	border-radius: 4px;
	font-size: 13px;
	font-weight: 500;
	z-index: 10002;
	pointer-events: none;
}

/* 小屏幕手机优化（宽度小于480px） */
@media (max-width: 480px) {
	/* 容器进一步优化 */
	#jquery-lightbox {
		max-width: 100%;
		max-height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		transform: none;
	}
	
	/* 图片全屏显示 */
	#jquery-lightbox img {
		max-width: 100%;
		max-height: 100vh;
		width: 100%;
		height: auto;
	}
	
	/* 图片容器全宽 */
	.jquery-lightbox-image-wrapper {
		width: 100%;
		height: 100%;
	}
	
	/* 按钮位置调整 */
	.jquery-lightbox-button-close {
		top: 5px;
		right: 5px;
		width: 40px;
		height: 40px;
		font-size: 28px;
	}
	
	.jquery-lightbox-button-prev,
	.jquery-lightbox-button-next {
		width: 40px;
		height: 40px;
		font-size: 22px;
	}
	
	.jquery-lightbox-button-prev {
		left: 5px;
	}
	
	.jquery-lightbox-button-next {
		right: 5px;
	}
	
	.jquery-lightbox-counter {
		top: 5px;
		left: 5px;
		padding: 6px 12px;
		font-size: 12px;
	}
}

/* 横屏模式优化 */
@media (max-width: 768px) and (orientation: landscape) {
	#jquery-lightbox {
		max-width: 95%;
		max-height: 95%;
	}
	
	#jquery-lightbox img {
		max-height: 90vh;
	}
}