#fancybox-loading{ position:fixed; top:50%; left:50%; width:40px; height:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none;}
#fancybox-loading div{ position:absolute; top:0; left:0; width:40px; height:480px; background-image:url('../images/fancybox.png');}
#fancybox-overlay{ position:absolute; top:0; left:0; width:100%; z-index:110000; display:none;}
#fancybox-tmp{ padding:0; margin:0; border:0; overflow:auto; display:none;}
#fancybox-wrap{ position:absolute; top:0; left:0; padding:20px; z-index:110001; outline:none; display:none;}
#fancybox-outer{ position:relative; width:100%; height:100%; background:#fff;}
#fancybox-content{ width:0; height:0; padding:0; outline:none; position:relative; overflow:hidden; z-index:1102; border:0px solid #fff;}
#fancybox-hide-sel-frame{ position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; z-index:1101;}
#fancybox-close {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 1103;
    display: none;
    
    /* 背景图设置 */
    background-image: url('../images/gb.svg');
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: center;
    
    /* 高端感样式增强 */
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    
    /* 过渡动画 - 关键的高端感元素 */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    
    /* 防止点击时出现焦点框 */
    outline: none;
}

#fancybox-close:hover {
    /* 悬停效果增强 */
  background-color: rgba(255, 255, 255, 0.95);
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
}

#fancybox-close:active {
    /* 点击反馈 */
    transform: translateY(0) scale(0.98);
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* 显示时添加淡入动画 */
#fancybox-close.show {
    display: block;
    animation: fadeIn 0.4s ease forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate(5px, -5px) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translate(0, 0) scale(1);
    }
}
#fancybox-error{ color:#444; font:normal 12px/20px Arial; padding:14px; margin:0;
}#fancybox-img{ width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top;}
#fancybox-frame{ width:100%; height:100%; border:none; display:block;}
#fancybox-left,#fancybox-right{ position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; outline:none; background:transparent url('../images/blank.gif'); z-index:1102; }
#fancybox-left{left:0px;}
#fancybox-right{right:0px;}
#fancybox-left-ico,#fancybox-right-ico{ position:absolute; top:50%; left:-9999px; width:45px; height:45px; margin-top:-15px; cursor:pointer; z-index:1102; display:block;}
#fancybox-left-ico{background-image:url('../images/zuo.png');     background-repeat: no-repeat; /* 防止背景图重复 */
    background-size: 18px 18px; /* 设置背景图大小为20px */
    background-position: center; /* 背景图水平和垂直居中 */}
#fancybox-right-ico{background-image:url('../images/you.png');     background-repeat: no-repeat; /* 防止背景图重复 */
    background-size: 18px 18px; /* 设置背景图大小为20px */
    background-position: center; /* 背景图水平和垂直居中 */}
#fancybox-left:hover,#fancybox-right:hover{ visibility:visible;}

#fancybox-left span{ left:20px;}
#fancybox-right span{ left:auto; right:20px;}

#fancybox-left:hover span{ left:20px;}
#fancybox-right:hover span{ left:auto; right:20px;}


.fancybox-bg{ position:absolute; padding:0; margin:0; border:0; width:20px; height:20px; z-index:1001;}
#fancybox-bg-n{ top:-20px; left:0; width:100%; background-image:url('../images/fancybox-x.png');}
#fancybox-bg-ne{ top:-20px; right:-20px; background-image:url('../images/fancybox.png'); background-position:-40px -162px;}
#fancybox-bg-e{ top:0; right:-20px; height:100%; background-image:url('../images/fancybox-y.png'); background-position:-20px 0px;}
#fancybox-bg-se{ bottom:-20px; right:-20px; background-image:url('../images/fancybox.png'); background-position:-40px -182px;}
#fancybox-bg-s{ bottom:-20px; left:0; width:100%; background-image:url('../images/fancybox-x.png'); background-position:0px -20px;}
#fancybox-bg-sw{ bottom:-20px; left:-20px; background-image:url('../images/fancybox.png'); background-position:-40px -142px;
}#fancybox-bg-w{ top:0; left:-20px; height:100%; background-image:url('../images/fancybox-y.png');}
#fancybox-bg-nw{ top:-20px; left:-20px; background-image:url('../images/fancybox.png'); background-position:-40px -122px;}
#fancybox-title{ font-family:Helvetica; font-size:12px; z-index:1102;}
.fancybox-title-inside{ padding-bottom:10px; text-align:center; color:#333; background:#fff; position:relative;}
.fancybox-title-outside {padding-top:10px; color:#fff;}
.fancybox-title-over {position:absolute; bottom:0; left:0; color:#FFF; text-align:left;}
#fancybox-title-over{ padding:10px; background-image:url('../images/fancy_title_over.png'); display:block;}
.fancybox-title-float{ position:absolute; left:0; bottom:-20px; height:32px;}
#fancybox-title-float-wrap{ border:none; border-collapse:collapse; width:auto;}
#fancybox-title-float-wrap td{ border:none; white-space:nowrap;}
#fancybox-title-float-left{ padding:0 0 0 15px; background:url('../images/fancybox.png') -40px -90px no-repeat;}
#fancybox-title-float-main{ color:#FFF; line-height:29px; font-weight:bold; padding:0 0 3px 0; background:url('../images/fancybox-x.png') 0px -40px;}
#fancybox-title-float-right{ padding:0 0 0 15px; background:url('../images/fancybox.png') -55px -90px no-repeat;}

/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_close.html', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_left.html', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_right.html', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_over.html', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_left.html', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_main.html', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_right.html', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_loading.html', sizingMethod='scale'); }

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_n.html', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_ne.html', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_e.html', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_se.html', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_s.html', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_sw.html', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_w.html', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_nw.html', sizingMethod='scale'); }