.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{
    border:0;outline:none;
    vertical-align:top;
    margin:0;
    padding:0
}
.fancybox-wrap{
    position:absolute;
    top:15% !important; 
    left:0;
    z-index:8020
}
.fancybox-skin{
    position:relative;
    background:#ffffff;
    color:#444;
    text-shadow:none
}
.fancybox-opened{
    z-index:88030
}
.fancybox-opened .fancybox-skin{
    -webkit-box-shadow:0 10px 25px rgba(0,0,0,0.13);
    -moz-box-shadow:0 10px 25px rgba(0,0,0,0.13);
    box-shadow:0 10px 25px rgba(0,0,0,0.13);
    border-radius: 8px;
}
.fancybox-outer,.fancybox-inner{
    position:relative
}
.fancybox-inner{
    overflow-x:hidden !important;
}
.fancybox-error{
    color:#444;
    font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    white-space:nowrap;
    margin:0;
    padding:15px
}
.fancybox-image,.fancybox-iframe{
    display:block;
    width:100%;
    height:100%
}
.fancybox-image{
    max-width:100%;
    max-height:100%
}
#fancybox-loading,.fancybox-prev span,.fancybox-next span{
    background:url(../images/close01.png) left top no-repeat
}
#fancybox-loading{
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-22px;
    margin-left:-22px;
    background-position:0 -108px;
    opacity:.8;
    cursor:pointer;
    z-index:8060
}
#fancybox-loading div{
    width:44px;
    height:44px;
    background:url(../images/fancybox_loading.gif) center center no-repeat
}
.fancybox-close{
    position:absolute;
    right:0px;
    top:-0px;
    width:33px;
    height:36px;
    cursor:pointer;
    z-index:8040;
    border-radius: 50%;
}
.fancybox-nav{
    position:absolute;
    top:0;
    width:40%;
    height:100%;
    cursor:pointer;
    text-decoration:none;
    background:transparent;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    z-index:8040
}
.fancybox-prev{
    left:0
}
.fancybox-next{
    right:0
}
.fancybox-nav span{
    position:absolute;
    top:50%;
    width:36px;
    height:34px;
    margin-top:-18px;
    cursor:pointer;
    z-index:8040;
    visibility:hidden
}
.fancybox-prev span{
    left:10px;
    background-position:0 -36px
}
.fancybox-next span{
    right:10px;
    background-position:0 -72px
}
.fancybox-tmp{
    position:absolute;
    top:-99999px;
    left:-99999px;
    visibility:hidden;
    max-width:99999px;
    max-height:99999px;
    overflow:visible!important
}
.fancybox-lock{
    overflow:hidden!important;
    width:auto
}
.fancybox-lock body{
    overflow:hidden!important
}
.fancybox-lock-test{
    overflow-y:hidden!important
}
.fancybox-overlay{
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    display:none;
    z-index:80100;
    background:rgba(0,0,0,0.5)
}
.fancybox-overlay-fixed{
    position:fixed;
    bottom:0;
    right:0
}
.fancybox-lock .fancybox-overlay{
    overflow:auto;
    overflow-y:scroll;
	z-index:999;
}
.fancybox-title{
    visibility:hidden;
    font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position:relative;
    text-shadow:none;
    z-index:8050
}
.fancybox-title-float-wrap{
    position:absolute;
    bottom:0;
    right:50%;
    margin-bottom:-35px;
    z-index:8050;
    text-align:center
}
.fancybox-title-float-wrap .child{
    display:inline-block;
    margin-right:-100%;
    background:rgba(0,0,0,0.8);
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    text-shadow:0 1px 2px #222;
    color:#FFF;
    font-weight:700;
    line-height:24px;
    white-space:nowrap;
    padding:2px 20px
}
.fancybox-title-outside-wrap{
    position:relative;
    margin-top:10px;
    color:#fff
}
.fancybox-title-inside-wrap{
    padding-top:10px
}
.fancybox-title-over-wrap{
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    background:rgba(0,0,0,.8);
    padding:10px
}
.fancybox-nav:hover span,.fancybox-opened .fancybox-title{
    visibility:visible
}
.fancybox-close::after{
    font-family:'icomoon'!important;
    content:"\e9db";
    font-size:20px;
    color:#fff;
}
@media screen and (max-width: 767px){
    .fancybox-opened{
        width: 95% !important; 
        left: 0 !important;
        right: 0 !important;
        margin: auto;
        border-radius: 8px;
        overflow: hidden !important;
    }
    .fancybox-inner{
        width: 100% !important;
    }
    .fancybox-close{
        right: 0 !important;
        top: 0 !important;
        background-color:transparent; 
    }
    .fancybox-close::after{
        color: #000;
    }
    .fancybox-skin{
        background-color:#fff !important;
    }
}