.btnBox { float:left; }.subBtnBox { position:relative; }.menuFormatDown { display:none; position:absolute; z-index:10000; }.menuFormatSide { display:none; position:absolute; z-index:20000; top:0px; }.menuFormatInternal { display:none; }html, body { margin:0px; }.slideshow { display:none; background:transparent; overflow:hidden; position:relative; }.slideshow .slide { display:none; vertical-align:top; overflow:hidden; width:0%; z-index:0; }.slideshow .slide.activeSlide { display:block; width:100% !important; opacity:1 !important; z-index:100; }.slideshowMenu, .slideshowArrows, slideshowToggle { position:absolute; height:0px; width:100%; z-index:100; text-align:center; z-index:200; }.slideshowToggle { transition:all .5s ease; }.slideshow.hover .slideshowToggle { opacity:0; }.slideshowToggleBtn { position:absolute; bottom:10px; right:10px; width:44px; height:44px; line-height:44px; font-size:20px; background:#fff; color:#999; text-align:center; z-index:200; cursor:pointer; opacity:.50; border-radius:50%; transition:all .5s ease; }.slideshowArrows { transition:all .5s ease; z-index:200; top:calc(50% - 22px); }.slideshow.hover .slideshowArrows { opacity:0; }.slideshowBtn { color:#fff; background:#000; border:1px solid #fff; opacity:.50; font-size:35px; display:inline-block; cursor:pointer; position:absolute; transition:all .5s ease; z-index:200; border-radius:50%; line-height:40px; height:44px; width:39px; text-align:center; }.slideshowBtn[direction="left"] { left:10px; padding-right:5px; }.slideshowBtn[direction="right"] { right:10px; padding-left:5px; }.slideshow .slideshowMenu { position:absolute; bottom:10px; width:100%; text-align:center; height:16px; z-index:200; }.slideshow .slideDotBtn { display:inline-block; width:10px; height:10px; border-radius:50%; background:#000; border:1px solid #fff; margin:2px; cursor:pointer; opacity:.5; }.slideshow .slideDotBtn.activeDotBtn { background:#fff; border-color:#000; opacity:1; }.slideshow .showSlide { display:block; position:absolute; z-index:100; overflow:hidden; top:0; left:0; } .slideshow .hideSlide { display:block; position:absolute; z-index:99; overflow:hidden; top:0; left:0; }.slideshow .showSlide.overLeft{ animation:overLeftShow .5s ease 0s 1 forwards; margin-left:-100%; width:100%; }.slideshow .showSlide.overRight{ animation:overRightShow .5s ease 0s 1 forwards; margin-left:100%; width:100%; }.slideshow .hideSlide.overLeft, .slideshow .hideSlide.overRight{ width:100%; }@keyframes overLeftShow{0%{ margin-left:-100%; }100%{ margin-left:0%; }}@keyframes overRightShow{0%{ margin-left:100%; }100%{ margin-left:0%; }}.slideshow .showSlide.slideFade{ animation:showFade .5s ease 0s 1 forwards; width:100%; }.slideshow .hideSlide.slideFade{ animation:hideFade .5s ease 0s 1 forwards; width:100%; }@keyframes showFade{0%{ opacity:0; }100%{ opacity:1; }}@keyframes hideFade{0%{ opacity:1; }100%{ opacity:0; }}.slideshow .showSlide.slideLeft{ animation:slideLeftShow .5s ease 0s 1 forwards; left:0; margin-left:-100%; width:100%; }.slideshow .hideSlide.slideLeft{ animation:slideLeftHide .5s ease 0s 1 forwards; left:0; margin-left:0%; width:100%; }.slideshow .showSlide.slideRight{ animation:slideRightShow .5s ease 0s 1 forwards; left:0; margin-left:100%; width:100%; }.slideshow .hideSlide.slideRight{ animation:slideRightHide .5s ease 0s 1 forwards; left:0; margin-left:0%; width:100%; }@keyframes slideLeftShow{0%{ margin-left:-100%; }100%{ margin-left:0%; }}@keyframes slideLeftHide{0%{ margin-left:0%; }100%{ margin-left:100%; }}@keyframes slideRightShow{0%{ margin-left:100%; }100%{ margin-left:0%; }}@keyframes slideRightHide{0%{ margin-left:0%; }100%{ margin-left:-100%; }}@media (max-width:800px){.slideshow.hover .slideshowArrows { opacity:.50; }.slideshow.hover .slideshowToggle { opacity:1; }}@media (min-width:800px){.slideshow .slideshowBtn:hover { opacity:.75; }.slideshow .slideshowDotBtn:hover { background:#fff; opacity:.75; }.slideshow.hover:hover .slideshowArrows { opacity:.75; }.slideshow.hover:hover .slideshowToggle { opacity:1; }.slideshow .slideshowToggleBtn:hover { opacity:.75; }}