.toptx{width:100%; position:absolute; left:0; top:46%;text-align: center;color: #fff;font-family: "Noto Sans TC", sans-serif;font-weight:400; }
.toptx h1{margin:0 0 20px; font-size:38px;letter-spacing: 0.1em;text-indent:0.1em;}
.toptx h1{opacity: 0;-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-webkit-transform: translateY(-20px);transform: translateY(-20px);-moz-transition: opacity 1s 1s, -moz-transform 1s 1s;-o-transition: opacity 1s 1s, -o-transform 1s 1s;-webkit-transition: opacity 1s 1s, -webkit-transform 1s 1s;transition: opacity 1s 1s, transform 1s 1s;}
.toptx h1.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.toptx p{margin:0; font-size:15px;font-weight:400;color: #eee}
.toptx p{opacity: 0;-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px);-moz-transition: opacity 1s 1s, -moz-transform 1s 1s;-o-transition: opacity 1s 1s, -o-transform 1s 1s;-webkit-transition: opacity 1s 1s, -webkit-transform 1s 1s;transition: opacity 1s 1s, transform 1s 1s;}
.toptx p.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.projectdt-warp{position:relative;float:left;width:100%;margin:0;}
.project-detail{float:left; width:100%; padding:0; margin:40px 0 0}
.project-page{width:1680px; margin:20px auto 0;}
.project-bg{width:100%;float: left;margin:0 0 40px;text-align: center}
.project-bg{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.project-bg.show{opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.project-bg img{max-width:100%;height: auto}
.sidebar-a{width: 50%; float:left;margin:25px 25%}
.tx-info{width:100%; float:left;line-height:4.1em; font-size:15px;text-align:center;}
.tx-info{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.tx-info.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.project-top{width:100%;float: left;margin:0 0 20px;}
.project-top{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.project-top.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.project-top img{max-width: 100%;height: auto}
*,::after,::before{box-sizing:border-box}
.img-fluid{max-width:100%;height:auto}
.gallery{width:1680px;padding: 0;margin: 40px auto 70px; border-bottom: 1px solid #999;padding-bottom: 80px}
.gallery-item{position:relative;width:33.333333%; margin: 0;padding: 30px 30px 30px 30px }
.gallery-item{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.gallery-item.show{opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
@media (min-width:581px){.gallery-item{-ms-flex:0 0 50%;flex:0 0 50%;}}
@media (max-width:580px){.gallery-item{-ms-flex:0 0 50%;flex:0 0 50%;}}
.gallery-box {overflow: hidden;position: relative;color:#000;text-align: center}
.gallery-box img{margin: 0 auto;display: block}
.gallery-box .gallery-box-img {position: relative;overflow: hidden;}
.video-content{width:1500px; margin:0 auto; padding: 20px 0 20px 0}
.video-content{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.video-content.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.video-container {position: relative;padding-bottom: 53.5%;padding-top: 30px;height: 0;overflow: hidden; margin-bottom: 40px;}
.video-container iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.social{width:1500px;margin:0 auto;padding:0 0 0 10px}
.social span{font-size:12px; font-weight:700; margin:0 0 10px 0;}
.social a{display: inline-block;width: 30px;height: 30px;margin:0 10px 0 0;font-size:16px; text-align:center;padding:0;line-height:30px;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s; border-radius:99em;color:#fff; background-color: #7f7e7e}
.social a:hover{background-color:#000; }
.linkbox{position: absolute;left:2%;bottom: 55px;height: 40px;}
.project-link{width:44px; text-align:center;font-size: 14px; margin:0 auto;transition: background-position 0.5s; transition: 0.5s}

.project-row{margin:60px auto 0;width: 100%;float: left;background-color: #f5f5f7;}
.project-list{width: 100%;margin:80px auto 30px}
.listtitle{width:100%; margin:0 0 60px;font-size: 22px;letter-spacing: 0.05em;text-align: center; font-family: 'Noto Sans TC', sans-serif;font-weight:400;} 
.projects{width:1570px;margin:0 auto;}
.projects-item {display: flex;justify-content: start;flex-wrap: wrap;margin:0; font-family: 'Noto Sans TC', sans-serif}
.projects ul {margin:0; padding:0; list-style:none; } 
.projects li {width:33.333333%; margin:0;padding: 0 40px; box-sizing: border-box;position: relative;}
.projects li{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.projects li.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.projects a:hover .projects-pic img {-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1); opacity: 0.5}
.projects-pic {width: 100%;overflow: hidden;position: relative;background-color: #000;}
.projects-pic img {width: 100%;-moz-transition: all 1s;-o-transition: all 1s;-webkit-transition: all 1s;transition: all 1s; margin:0; padding:0;display:block}
.projects-content {text-align: left;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s; margin-bottom: 10px; padding: 0 6px 2px}
.projects-content i{margin:0 0 0 3px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s; font-size:16px;}
.projects a:hover .projects-content {color: #955f2e;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}
.projects-name {display: none;}
.projects li .view{opacity: 0;color: #000;width: 80%;text-align: center; box-sizing: border-box;position: absolute;left: 10%; top:50%; overflow: hidden;
    -webkit-transition: all 0.5s cubic-bezier(0.3, 0.1, 0.58, 1);-moz-transition: all 0.5s cubic-bezier(0.3, 0.1, 0.58, 1);-o-transition: all 0.5s cubic-bezier(0.3, 0.1, 0.58, 1);transition: all 0.5s cubic-bezier(0.3, 0.1, 0.58, 1); font-weight: 400; color: #fff; padding: 0;z-index: 8;}
.projects li .view .en{width: 100%;float: left; font-size:13px; color: #eeeeee}
.projects li .view .cn{width: 100%; float: left; font-size:30px; margin-bottom: 10px; font-weight: 300}
.projects li:hover .view{-webkit-transform: translateY(-35%);-moz-transform: translateY(-35%);transform: translateY(-35%);z-index: 3;opacity: 1;}

@media screen and (max-width: 1600px) {
.project-page{width:85%; margin:20px auto 0;}
.project-detail{margin:40px 0 0}
.social{margin:0 2% 40px}
.linkbox{margin:30px 0 0;}
.gallery{width:85%;margin: 40px auto 70px; padding-bottom: 80px}
.video-content{width:85%;padding: 0}	
.social{width:85%; margin:0 7.5%;padding: 0}
.sidebar-a{width: 60%; margin:20px 20% 0}
.projects{width:89%}
.project-list{margin:80px auto 30px}
.projects li {width:29.333333%; margin:0 2%;padding:0}
.projects li .view .cn{font-size:20px; }
}
@media screen and (max-width: 1200px) {
.project-page{width:90%;margin:10px auto 0}	
.social{width:90%;margin:0 5%}
.video-content{width:90%;margin: 0 5%}
.linkbox{margin:30px 0 10px;}
.gallery{width:90%; margin: 0 auto 70px; padding-bottom: 50px}
.gallery-item{width:50%;padding: 30px}
.project-top{margin:0 0 20px;}
.project-bg{margin: 0 0 35px}
.sidebar-a{width: 70%; margin:10px 15% 20px}
.projects{width:94%}
.project-list{margin:60px auto 30px}	
.projects li {width:29.333333%; margin:0 2%}
.projects li .view .cn{font-size:20px; }
.listtitle{margin:0 0 40px;font-size: 20px;}
}
@media screen and (max-width: 980px) {
.video-container {margin-bottom: 30px;}
.toptx h1{margin:0 0 30px; font-size:22px;}
.project-detail{margin:34px 0 0}
.project-top{margin:0 0 15px}
.project-bg{margin-bottom: 30px}
.gallery{width:90%;margin: 0 auto 40px; padding-bottom: 40px}
.gallery-item{width:45.7%; margin:15px;padding: 0;}
.tx-info{line-height:3em; font-size:15px}
.video-content{width:90%; margin:0 5%}
.linkbox{margin:0 0 10px;}
.sidebar-a{width: 80%; margin:0 10% 20px}
.projects{width:96%}
.project-row{margin:50px auto 0}
.project-list{margin:50px auto 0}	
.projects li{width:44%; margin:0 3%}	
.projects li:last-child{display: none}	
}
@media screen and (max-width: 550px) {
.toptx h1{margin:0 0 10px; font-size:20px;}
.toptx p{font-size:14px}
.detail-list{padding: 30px 0 0; margin: 20px 0 0;}
.project-detail{margin:20px 0 0}
.project-bg{margin-bottom: 20px}	
.project-top{width:100%;margin:0 0 15px}
.sidebar-a,.sidebar-b{width:100%; margin: 0}
.tx-info{line-height:1.8em;margin: 0 0 20px}	
.gallery{width:90%; margin: 0 auto 20px; padding-bottom:20px}
.gallery-item{width:100%;margin: 10px 0}
.project-bg{margin-bottom: 20px;position:static}
.sidebar-a{width: 100%;margin:0;position:static;transform: translate(0, 0);}
.project-page{width:90%;}	
.social{margin:0 5% 20px}
.video-content{width:90%; margin:0 5%;}
.video-container {margin-bottom:15px;}
.project-row{margin:20px auto 0}
.project-list{margin:30px auto 0}	
.listtitle{margin:0 0 30px;font-size: 18px;}
.projects li{width:100%; margin:0 5% 15px;padding: 0}	
.linkbox{margin:0}
}

.hr {border:0; height:1px; background-color:#d4d4d4;color:#d4d4d4}
.ilightbox-overlay,
.ilightbox-loader,
.ilightbox-loader *,
.ilightbox-holder,
.ilightbox-holder .ilightbox-container,
.ilightbox-holder .ilightbox-container img.ilightbox-image,
.ilightbox-holder .ilightbox-container iframe,
.ilightbox-holder .ilightbox-container .ilightbox-caption,
.ilightbox-toolbar,
.ilightbox-toolbar *,
.ilightbox-thumbnails,
.ilightbox-thumbnails *,
.ilightbox-holder .ilightbox-container .ilightbox-social,
.ilightbox-holder .ilightbox-container .ilightbox-social * {
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  line-height: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -o-user-select: none;
  user-select: none;}
.ilightbox-closedhand * {cursor: url('../detail/closedhand.cur'), default !important;}
.ilightbox-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100000;}
.ilightbox-loader {position: fixed;z-index: 100005;top: 45%;left: 4px;opacity: 0.9;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);-webkit-border-radius: 50%;-webkit-background-clip: padding-box;-moz-border-radius: 50%;-moz-background-clip: padding;
  border-radius: 50%;background-clip: padding-box;z-index: 100003;top: 50% !important;left: 50% !important;margin-top: -24px;margin-left: -24px;}
.ilightbox-loader div {width: 48px;height: 48px;-webkit-border-radius: 50%;-webkit-background-clip: padding-box;-moz-border-radius: 50%;-moz-background-clip: padding;border-radius: 50%;background-clip: padding-box;}
.ilightbox-loader.horizontal {left: 45%;top: 4px;-webkit-border-radius: 50%;-webkit-background-clip: padding-box;-moz-border-radius: 50%;-moz-background-clip: padding;border-radius: 50%;background-clip: padding-box;}
.ilightbox-loader.horizontal div {-webkit-border-radius: 50%;-webkit-background-clip: padding-box;-moz-border-radius: 50%;-moz-background-clip: padding;border-radius: 50%;background-clip: padding-box;}
.ilightbox-toolbar {display: none;position: fixed;z-index: 100010;top: 5px;left: 0px;height: 25px;width: 100%;}
.ilightbox-toolbar a {float: left;cursor: pointer;width: 25px;height: 23px;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
.ilightbox-toolbar .ilightbox-prev-button,
.ilightbox-toolbar .ilightbox-next-button {display: none;}
.ilightbox-prev-button {-webkit-border-radius: 0px 0px 2px 2px;-webkit-background-clip: padding-box;-moz-border-radius: 0px 0px 2px 2px;-moz-background-clip: padding;border-radius: 0px 0px 2px 2px;background-clip: padding-box;}
.ilightbox-next-button {-webkit-border-radius: 2px 2px 0px 0px;-webkit-background-clip: padding-box;-moz-border-radius: 2px 2px 0px 0px;-moz-background-clip: padding;border-radius: 2px 2px 0px 0px;background-clip: padding-box;}
.ilightbox-prev-button.horizontal {-webkit-border-radius: 0px 2px 2px 0px;-webkit-background-clip: padding-box;-moz-border-radius: 0px 2px 2px 0px;-moz-background-clip: padding;border-radius: 0px 2px 2px 0px;background-clip: padding-box;}
.ilightbox-next-button.horizontal {-webkit-border-radius: 2px 0px 0px 2px;-webkit-background-clip: padding-box;-moz-border-radius: 2px 0px 0px 2px;-moz-background-clip: padding;border-radius: 2px 0px 0px 2px;background-clip: padding-box;}
.ilightbox-thumbnails {display: block;position: fixed;z-index: 100009;}
.ilightbox-thumbnails.ilightbox-horizontal {bottom: 0;left: 0;width: 100%;height: 0px;}
.ilightbox-thumbnails.ilightbox-vertical {top: 0;right: 0;width: 0px;height: 100%;overflow: hidden;}
.ilightbox-holder {display: none;position: fixed;z-index: 100003;-webkit-transform: none;-moz-transform: none;}
.ilightbox-holder.ilightbox-next,
.ilightbox-holder.ilightbox-prev {cursor: pointer;}
.ilightbox-holder div.ilightbox-container {position: relative;width: 100%;height: 100%;}
.ilightbox-holder img.ilightbox-image {width: 100%;height: 100%;}
.ilightbox-holder .ilightbox-container .ilightbox-caption {display: block !important;position: relative;left: 30px;right: 30px;max-width: 100%;padding: 10px;margin: 0 auto;font-size: 13px;line-height: 150%;word-wrap: break-word;z-index: 20003;zoom: 1 !important;filter: alpha(opacity=100) !important;-webkit-opacity: 1 !important;-moz-opacity: 1 !important; opacity: 1 !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ilightbox-holder .ilightbox-container iframe + div {position: absolute !important;}
.ilightbox-holder .ilightbox-container .ilightbox-social {display: none;position: absolute;right: 5px;top: 5px;padding: 1px;padding-left: 0;z-index: 20003;}
.ilightbox-holder .ilightbox-container .ilightbox-social ul {float: none;list-style: none;height: 16px;margin: 0 auto;text-align: center;}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li {display: inline;}
.ilightbox-holder .ilightbox-container .ilightbox-social ul li a {display: inline-block;float: none;margin-left: 1px;width: 16px;height: 16px;background-repeat: no-repeat;background-position: 50%;}
.ilightbox-holder .ilightbox-wrapper {width: 100%;height: 100%;overflow: auto;}
.ilightbox-holder .ilightbox-wrapper .ilightbox-html {width: 100%;height: 100%;display: block;}
.ilightbox-holder .ilightbox-inner-toolbar {position: relative;z-index: 200;}
.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar {position: absolute;left: auto;top: 5px;right: 5px;}
.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar a {float: right;}
.ilightbox-button {position: fixed;z-index: 100011;cursor: pointer;}
.ilightbox-button span {display: block;width: 100%;height: 100%;}
.isMobile .ilightbox-button,
.isMobile .ilightbox-thumbnails {display: none !important;}
.isMobile .ilightbox-toolbar .ilightbox-prev-button,
.isMobile .ilightbox-toolbar .ilightbox-next-button {display: block;}
.ilightbox-overlay.black {background: #141618;}
.ilightbox-loader.black div {background: transparent url('../detail/oval-anim-dark.svg') no-repeat center;}
.ilightbox-holder.black .ilightbox-container .ilightbox-caption {background-size: 100% 100%;left: 0;right: 0;color: #ffffff;text-align: center;}
.ilightbox-toolbar.black a {background: url('../detail/buttons.png') no-repeat 7px 6px;}
.ilightbox-toolbar.black a.ilightbox-close {position: absolute;right: 5px;}
.isMobile .ilightbox-toolbar.black a.ilightbox-close {position: relative;right: 0px;}
.ilightbox-toolbar.black a.ilightbox-close:hover {background-position: -32px 6px;}
.isMobile .ilightbox-toolbar.black a.ilightbox-close:hover {background-position: 50%;}
.ilightbox-toolbar.black a.disabled {opacity: 0.2;filter: alpha(opacity=20);cursor: default;background-color: #141618;}
.ilightbox-toolbar.black a.ilightbox-fullscreen {background-position: 6px -33px;margin-left: 5px;}
.isMobile .ilightbox-toolbar.black a.ilightbox-fullscreen {margin-left: 0px;}
.ilightbox-toolbar.black a.ilightbox-fullscreen:hover {background-position: -31px -33px;}
.isMobile .ilightbox-toolbar.black a.ilightbox-fullscreen:hover {background-position: 50%;}
.ilightbox-toolbar.black a.ilightbox-play {background-position: 8px -58px;}
.ilightbox-toolbar.black a.ilightbox-play:hover {background-position: -32px -58px;}
.isMobile .ilightbox-toolbar.black a.ilightbox-play:hover {background-position: 50%;}
.ilightbox-toolbar.black a.ilightbox-pause {background-position: 8px -83px;}
.ilightbox-toolbar.black a.ilightbox-pause:hover {background-position: -32px -83px;}
.isMobile .ilightbox-toolbar.black a.ilightbox-pause:hover {background-position: 50%;}
.isMobile .ilightbox-toolbar.black {background: #141618;top: auto;bottom: 0;left: 0;width: 100%;height: 40px;text-align: center;}
.isMobile .ilightbox-toolbar.black a {display: inline-block;float: none;width: 50px;height: 40px;background-size: 50%;background-position: 50%;}
.isMobile .ilightbox-toolbar.black {background: #141618;top: auto;bottom: 0;left: 0;width: 100%;height: 40px;text-align: center;-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.8);box-shadow: 0 0 25px rgba(0, 0, 0, 0.8);}
.isMobile .ilightbox-toolbar.black a {display: inline-block;float: none;width: 50px;height: 40px;background-size: 50%;background-position: 50% !important;}
.isMobile .ilightbox-toolbar.black a.ilightbox-fullscreen {background-image: url('../detail/fullscreen-icon-64.png');background-image: url('../detail/fullscreen-icon-ie.png')\9;}
.isMobile .ilightbox-toolbar.black a.ilightbox-close {background-image: url('../detail/x-mark-icon-64.png');background-image: url('../detail/x-mark-icon-ie.png')\9;}
.isMobile .ilightbox-toolbar.black a.ilightbox-next-button {background-image: url('../detail/arrow-next-icon-64.png');background-image: url('../detail/arrow-next-icon-ie.png')\9;background-position: 52% 50%;}
.isMobile .ilightbox-toolbar.black a.ilightbox-prev-button {background-image: url('../detail/arrow-prev-icon-64.png');background-image: url('../detail/arrow-prev-icon-ie.png')\9;background-position: 48% 50%;}
.isMobile .ilightbox-toolbar.black a.ilightbox-play {background-image: url('../detail/play-icon-64.png');background-image: url('../detail/play-icon-ie.png')\9;}
.isMobile .ilightbox-toolbar.black a.ilightbox-pause{background-image: url('../detail/pause-icon-64.png');background-image:url('../detail/pause-icon-ie.png')\9;}
.ilightbox-holder.black .ilightbox-inner-toolbar .ilightbox-title {font-size: 14px;padding: 10px 12px;text-align: center;color: #ffffff;}
.ilightbox-thumbnails.black .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video {background: url('../detail/thumb-overlay-play.png') no-repeat center;}
.ilightbox-button.black.disabled {opacity: 0.1;filter: alpha(opacity=10);cursor: default;}
.ilightbox-button.ilightbox-next-button.black,
.ilightbox-button.ilightbox-prev-button.black {bottom: 0;right: 0;left: 0;left: 35%\9;right: auto\9;width: 20%;height: 38px;margin: auto;background: url('../detail/arrows_vertical.png') no-repeat 50% -125px;}
.ilightbox-button.ilightbox-prev-button.black {top: 0;bottom: auto;background-position: 50% -36px;}
.ilightbox-button.ilightbox-next-button.black.horizontal,
.ilightbox-button.ilightbox-prev-button.black.horizontal {right: 0;left: auto;top: 0;bottom: 0;top: 36%\9;bottom: auto\9;width: 38px;height: 20%;
  background-image: url('../detail/arrows_horizontal.png');background-position: -125px 50%;}
.ilightbox-button.ilightbox-prev-button.black.horizontal {right: auto;left: 0;background-position: -38px 50%;}
.ilightbox-holder.black .ilightbox-container .ilightbox-social,
.ilightbox-button.ilightbox-next-button.black,
.ilightbox-button.ilightbox-prev-button.black {background-color: #141618;}
.ilightbox-overlay.white {background: #ffffff;}
.ilightbox-loader.white div {background: transparent url('../detail/oval-anim-light.svg') no-repeat center;}
.ilightbox-holder.white .ilightbox-container .ilightbox-caption {background-size: 100% 100%;left: 0;right: 0;color: #141618;text-align: center;}
.ilightbox-toolbar.white a {background: url('../detail/buttons.png') no-repeat 7px 6px;}
.ilightbox-toolbar.white a.disabled {opacity: 0.2;filter: alpha(opacity=20);cursor: default;background-color: #ffffff;}
.ilightbox-toolbar.white a.ilightbox-close {position: absolute;right: 5px;}
.isMobile .ilightbox-toolbar.white a.ilightbox-close {position: relative;right: 0px;}
.ilightbox-toolbar.white a.ilightbox-close:hover {background-position: -32px 6px;}
.ilightbox-toolbar.white a.ilightbox-fullscreen {background-position: 6px -33px;margin-left: 5px;}
.isMobile .ilightbox-toolbar.white a.ilightbox-fullscreen {margin-left: 0px;}
.ilightbox-toolbar.white a.ilightbox-fullscreen:hover {background-position: -31px -33px;}
.ilightbox-toolbar.white a.ilightbox-play {background-position: 8px -58px;}
.ilightbox-toolbar.white a.ilightbox-play:hover {background-position: -32px -58px;}
.ilightbox-toolbar.white a.ilightbox-pause {background-position: 8px -83px;}
.ilightbox-toolbar.white a.ilightbox-pause:hover {background-position: -32px -83px;}
.isMobile .ilightbox-toolbar.white {background: #ffffff;top: auto;bottom: 0;left: 0;width: 100%;height: 40px;text-align: center;}
.isMobile .ilightbox-toolbar.white a,
.isMobile .ilightbox-toolbar.white a:hover {display: inline-block;float: none;width: 50px;height: 40px;background-size: 50%;background-position: 50%;}
.isMobile .ilightbox-toolbar.white a.ilightbox-fullscreen {background-image: url('../detail/fullscreen-icon-64.png');background-image: url('../detail/fullscreen-icon-ie.png')\9;}
.isMobile .ilightbox-toolbar.white a.ilightbox-close{background-image: url('../detail/x-mark-icon-64.png');background-image:url('../detail/x-mark-icon-ie.png')\9;}
.isMobile .ilightbox-toolbar.white a.ilightbox-next-button {background-image: url('../detail/arrow-next-icon-64.png');background-image: url('../detail/arrow-next-icon-ie.png')\9;background-position: 52% 50%;}
.isMobile .ilightbox-toolbar.white a.ilightbox-next-button.disabled {background-image: url('../detail/arrow-next-icon-64.png');background-image: url('../detail/arrow-next-icon-ie.png')\9;background-position: 52% 50%;}
.isMobile .ilightbox-toolbar.white a.ilightbox-prev-button {background-image: url('../detail/arrow-prev-icon-64.png');background-image: url('../detail/arrow-prev-icon-ie.png')\9;background-position: 48% 50%;}
.isMobile .ilightbox-toolbar.white a.ilightbox-prev-button.disabled {background-image: url('../detail/arrow-prev-icon-64.png');background-image: url('../detail/arrow-prev-icon-ie.png')\9;background-position: 48% 50%;}
.isMobile .ilightbox-toolbar.white a.ilightbox-play {background-image:url('../detail/play-icon-64.png');background-image: url('../detail/play-icon-ie.png')\9;}
.isMobile .ilightbox-toolbar.white a.ilightbox-pause{background-image:url('../detail/pause-icon-64.png');background-image: url('../detail/pause-icon-ie.png')\9;}
.ilightbox-thumbnails.white .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video {background: url('../detail/thumb-overlay-play.png') no-repeat center;}
.ilightbox-holder.white .ilightbox-inner-toolbar .ilightbox-title {font-size: 14px;padding: 10px 12px;text-align: center;}
.ilightbox-holder.white .ilightbox-inner-toolbar .ilightbox-toolbar {left: auto;top: 5px;right: 5px;}
.ilightbox-holder.white .ilightbox-inner-toolbar .ilightbox-toolbar a {float: right;}
.ilightbox-button.white.disabled {opacity: 0.1;filter: alpha(opacity=10);cursor: default;}
.ilightbox-button.ilightbox-next-button.white,
.ilightbox-button.ilightbox-prev-button.white {bottom: 0;right: 0;left: 0;top: 35%\9;right: auto\9;width: 20%;height: 38px;margin: auto;background: url('../detail/arrows_vertical.png') no-repeat 50% -125px;}
.ilightbox-button.ilightbox-prev-button.white {top: 0;bottom: auto;background-position: 50% -36;}
.ilightbox-button.ilightbox-next-button.white.horizontal,
.ilightbox-button.ilightbox-prev-button.white.horizontal {right: 0;left: auto;top: 0;bottom: 0;top: 36%\9;bottom: auto\9;width: 38px;height: 20%;background-image: url('../detail/arrows_horizontal.png');background-position: -125px 50%;}
.ilightbox-button.ilightbox-prev-button.white.horizontal {right: auto;left: 0;background-position: -38px 50%;}
.ilightbox-holder.white .ilightbox-container .ilightbox-social,
.ilightbox-button.ilightbox-next-button.white,
.ilightbox-button.ilightbox-prev-button.white {background-color: rgba(20, 22, 24, 0.25);}