div.popup { width:100%; height:100%; position:fixed; left:0; top:0; z-index: 2000; }
.popupOverlay { width:100%; height:100%; position:fixed; left:0; top:0; z-index: 2000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; -webkit-transition:all linear 0.15s; transition:all linear 0.15s; }
.popupOverlay.show { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; -webkit-transition-delay:0s; transition-delay:0s; }
.popupOverlay .bg { width:100%; height:100%; background-image:none; background-color:#000; }
.popupBody { width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; }
.popupContent { position:relative; display:inline-block; /*visibility:hidden;*/ left:auto; top:auto; -webkit-backface-visibility: hidden; }
.popupContent .popupClose { position:absolute; right:0px; top:0px; width:50px; height:50px; background:url(../images/btn-x.png); cursor:pointer; }
.popupContent .iframeOuter { position:relative; }
.popupContent iframe { width:100%; height:100%; position:absolute; left:0; top:0; }
.popupLoadingOuter { display:table; position:fixed; left:0; top:0; width:100%; height:100%; }
.popupLoadingInner { display:table-cell; text-align:center; vertical-align:middle; }
.popupLoading { display:inline-block; }
.popupLoading .icon { position:absolute; left:0; top:0; }
.popupBody .topClose { width:180px; height:60px; position:fixed; top:-60px; left:50%; margin-left:320px; }
.popupBody .topClose a { display:block; width:130px; height:32px; line-height:30px; text-align:center; font-size:12px; margin:0 0 0 24px; padding-top:6px; }
.popupBody .topClose.rollover { top:-60px; }
.popupBody.show .topClose { top:-6px; }
.popupBody.show .topClose.rollover { top:-1px; }
.popupBody .topClose { 
-webkit-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
   -moz-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
     -o-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
        transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
}
.popupBody.show .topClose.rollover { 
-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
   -moz-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
     -o-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
        transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.popupContent.transitionIn, .popupContent.transitionOut.hide {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); visibility:hidden; /*Unsupport browser will be disappear instead of scale down*/
    opacity:1; -webkit-transform:scale(0); transform:scale(0);
}

.popupContent.transitionOut.hide { 
    -webkit-transition: all 150ms cubic-bezier(0.550, 0.055, 0.675, 0.190); 
    -moz-transition: all 150ms cubic-bezier(0.550, 0.055, 0.675, 0.190); 
    -o-transition: all 150ms cubic-bezier(0.550, 0.055, 0.675, 0.190); 
    transition: all 150ms cubic-bezier(0.550, 0.055, 0.675, 0.190); /* easeInCubic */ 
}

.popupContent.transitionIn.show {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); visibility:visible;
    opacity:1; -webkit-transform:scale(1); transform:scale(1);

    -webkit-transition: opacity 300ms 150ms, -webkit-transform 300ms 150ms; 
       -moz-transition: opacity 300ms 150ms, -moz-transform 300ms 150ms; 
         -o-transition: opacity 300ms 150ms, -o-transform 300ms 150ms; 
            transition: opacity 300ms 150ms, transform 300ms 150ms; /* easeOutCubic */

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
       -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
         -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}

.popupDrawer { display:none; }
.popupContentDumb { background:#FFF; width:500px; height:800px; }
div.popup .pfrm { width:100%; max-width:100%; height:100%; display:table; }
div.popup .pfrmInner { display:table-cell; width:100%; max-width:100%; height:100%; text-align:center; vertical-align:middle; }

.popup .popupBody {  
    visibility: visible; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1;
    -webkit-transition: opacity 300ms linear 500ms, visibility 300ms linear;
       -moz-transition: opacity 300ms linear 500ms, visibility 300ms linear;
         -o-transition: opacity 300ms linear 500ms, visibility 300ms linear;
            transition: opacity 300ms linear 500ms, visibility 300ms linear;
}

.popup.deactivated .popupBody { 
    visibility: hidden; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0;
    -webkit-transition: all 300ms linear;
       -moz-transition: all 300ms linear;
         -o-transition: all 300ms linear;
            transition: all 300ms linear;
}

.popup.deactivated .popupBody .popupContent.transitionIn.show { visibility: hidden; }


/*dir: RIGHT*/
.htransitionprev.htransitionIn .popupContent.transitionIn { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; -webkit-transform:scale(1) translateX(-100%); transform:scale(1) translateX(-100%);  }
.htransitionprev.htransitionIn .popupContent.transitionIn.show { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; -webkit-transform:scale(1) translateX(0%); transform:scale(1) translateX(0%); }
.htransitionprev.htransitionOut .popupContent.transitionOut { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; -webkit-transform:scale(1) translateX(0%); transform:scale(1) translateX(0%); }
.htransitionprev.htransitionOut .popupContent.transitionOut.hide { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; -webkit-transform:scale(1) translateX(100%); transform:scale(1) translateX(100%); }

/*dir: LEFT*/
.htransitionnext.htransitionIn .popupContent.transitionIn { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; -webkit-transform:scale(1) translateX(100%); transform:scale(1) translateX(100%);  }
.htransitionnext.htransitionIn .popupContent.transitionIn.show { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; -webkit-transform:scale(1) translateX(0%); transform:scale(1) translateX(0%); }
.htransitionnext.htransitionOut .popupContent.transitionOut { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; -webkit-transform:scale(1) translateX(0%); transform:scale(1) translateX(0%); }
.htransitionnext.htransitionOut .popupContent.transitionOut.hide { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; -webkit-transform:scale(1) translateX(-100%); transform:scale(1) translateX(-100%); }

.htransitionIn .popupContent.transitionIn.show {
    -webkit-transition: opacity 500ms 800ms, -webkit-transform 500ms 800ms; 
       -moz-transition: opacity 500ms 800ms, -moz-transform 500ms 800ms; 
         -o-transition: opacity 500ms 800ms, -o-transform 500ms 800ms; 
            transition: opacity 500ms 800ms, transform 500ms 800ms;

    -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); 
       -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); 
         -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); 
            transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}

/*
.subMenuPopup .popupContent { opacity:1; -webkit-transform:scale(1); transform:scale(1); height:0px; overflow:hidden; }
.subMenuPopup .popupContent.show { height:270px; }

.subMenuPopup .popupContent {
-webkit-transition: all 500ms ease-in-out; 
   -moz-transition: all 500ms ease-in-out; 
     -o-transition: all 500ms ease-in-out; 
        transition: all 500ms ease-in-out; 
}

.subMenuPopup .popupContent.show {
-webkit-transition: all 500ms ease-in-out 500ms; 
   -moz-transition: all 500ms ease-in-out 500ms; 
     -o-transition: all 500ms ease-in-out 500ms; 
        transition: all 500ms ease-in-out 500ms; 
}
    */






.videoPopup .popupContent.transitionIn, 
.videoPopup .popupContent.transitionOut.hide {
    -webkit-transform:none; transform:none;
}

.popupContent.transitionIn.show {
    -webkit-transform:none; transform:none;
}