.t3-slideshow .main-container.slideshow { margin: 0; } @media screen and (min-width: 767px) { .t3-slideshow .container { position: relative; padding-left: 0; padding-right: 0; z-index: 10; } } .t3-slideshow .main { position: relative !important; } .t3-slideshow .main .slideshow { margin-left: -20px; margin-right: -20px; } .t3-slideshow .main .ja-slidewrap_default { position: relative; } .ja-slidewrap .maskDesc { background: none; cursor: pointer; display: block; position: absolute; right: 20px; bottom: 40px !important; z-index: 100; width: 40% !important; } @media (min-width: 1200px) { .ja-slidewrap .maskDesc { right: 120px; } } .ja-slidewrap .maskDesc .ja-slide-desc { color: #ffffff; padding: 0; text-align: right; } .ja-slidewrap .maskDesc .ja-slide-desc a { font-size: 35px; font-weight: 100; color: #ffffff; display: block; margin-bottom: 0; line-height: normal; } @media (min-width: 1200px) { .ja-slidewrap .maskDesc .ja-slide-desc a { font-size: 40px; margin-bottom: 20px; } } .ja-slidewrap .maskDesc .ja-slide-desc a:hover, .ja-slidewrap .maskDesc .ja-slide-desc a:focus, .ja-slidewrap .maskDesc .ja-slide-desc a:active { color: #33bed9; text-decoration: none; } .ja-slidewrap .maskDesc .ja-slide-desc h3 { font-size: 35px; font-weight: 100; color: #ffffff; margin: 0; line-height: normal; } @media (min-width: 1200px) { .ja-slidewrap .maskDesc .ja-slide-desc h3 { font-size: 40px; margin-bottom: 20px; } } @media (min-width: 992px) and (max-width: 1199px) { .ja-slidewrap .maskDesc .ja-slide-desc p { height: 20px; overflow: hidden; } } @media (max-width: 991px) { .ja-slidewrap .maskDesc .ja-slide-desc p { display: none; } } .ja-slidewrap .maskDesc .ja-slide-desc a.readon { bottom: 0; border-radius: 2px; border: solid 1px rgba(254, 254, 254, 0.25); color: #ffffff; display: block; font-size: 15px; font-weight: bold; margin-bottom: 0; position: absolute; padding: 10px 30px; right: 0; } .ja-slidewrap .maskDesc .ja-slide-desc a.readon:hover, .ja-slidewrap .maskDesc .ja-slide-desc a.readon:focus, .ja-slidewrap .maskDesc .ja-slide-desc a.readon:active { color: #ffffff; background: #33bed9; border-color: #33bed9; text-decoration: none; } .ja-slidewrap .ja-vertical_left { left: 20px; overflow: hidden; position: absolute; top: auto; bottom: -75px; z-index: 100; } @media (min-width: 1200px) { .ja-slidewrap .ja-vertical_left { left: 120px; } } .ja-slidewrap .ja-vertical_left .active { background: none; position: relative; } .ja-slidewrap .ja-vertical_left .active:after { position: absolute; display: block; content: ""; width: 6px; height: 10px; right: -4px; top: 50%; margin-top: -5px; border-left: 5px solid #33bed9; border-right: 5px solid transparent; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .ja-slidewrap .ja-slide-thumb-inner { background: #16212d; border-top: 1px solid rgba(255, 255, 255, 0.05); color: #727d87; height: 100%; margin-right: 5px; margin-left: 0; overflow: hidden; padding: 20px; } .ja-slidewrap .ja-slide-thumb-inner .thumb-inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (min-width: 992px) and (max-width: 1199px) { .ja-slidewrap .ja-slide-thumb-inner .thumb-des { height: 40px; overflow: hidden; } } @media screen and (max-width: 1199px) { .ja-slidewrap .ja-slide-thumb-inner .thumb-des { display: none; } } .ja-slidewrap .ja-slide-thumb-inner h3 { font-weight: bold; font-size: 15px; color: #ffffff; line-height: 1.3; padding-top: 0 !important; padding-bottom: 10px !important; } .ja-slidewrap .ja-slide-thumb-inner img { background: #000000; border: none; border-radius: 2px; float: left; margin: 0 15px 0 0; padding: 0; } .ja-slidewrap .ja-slide-thumb-inner .ja-createdate { font-size: 11px; } .ja-slidewrap .active .ja-slide-thumb-inner { background: #33bed9; border-color: #33bed9; color: #ffffff; } .ja-slidewrap .ja-slide-buttons { top: 50%; width: 100%; margin-top: -61px; position: absolute; z-index: 10; } .ja-slidewrap .ja-slide-buttons span { padding: 0; margin: 0; display: none; } .ja-slidewrap .ja-slide-buttons .ja-slide-prev, .ja-slidewrap .ja-slide-buttons .ja-slide-next { background: url("templates/ja_biz/images/ctrl-btns.png") no-repeat top left; background-color: transparent; color: #ffffff; cursor: pointer; display: block; float: left; height: 61px; margin: 0 20px; padding: 0; text-indent: -999em; width: 22px; } @media screen and (max-width: 1200px) { .ja-slidewrap .ja-slide-buttons .ja-slide-prev, .ja-slidewrap .ja-slide-buttons .ja-slide-next { margin: 0; } } .ja-slidewrap .ja-slide-buttons .ja-slide-prev:hover, .ja-slidewrap .ja-slide-buttons .ja-slide-next:hover, .ja-slidewrap .ja-slide-buttons .ja-slide-prev:focus, .ja-slidewrap .ja-slide-buttons .ja-slide-next:focus, .ja-slidewrap .ja-slide-buttons .ja-slide-prev:active, .ja-slidewrap .ja-slide-buttons .ja-slide-next:active { background-position: 0 -61px; } .ja-slidewrap .ja-slide-buttons .ja-slide-next { background-position: -22px 0; float: right; } .ja-slidewrap .ja-slide-buttons .ja-slide-next:hover, .ja-slidewrap .ja-slide-buttons .ja-slide-next:focus, .ja-slidewrap .ja-slide-buttons .ja-slide-next:active { background-position: -22px -61px; } .active .ja-slide-thumb-inner img { background: #57212a; border: 1px solid #67373f; } .ja-slidewrap .ja-slide-thumbs-mask-right { float: right; } .ja-slidewrap .ja-slide-thumbs-mask-left, .ja-slidewrap .ja-slide-thumbs-mask-right { background: none; } .ja-slidewrap .ja-vertical_right { left: 20px; overflow: hidden; position: absolute; top: auto; bottom: -75px; z-index: 100; } @media (min-width: 1200px) { .ja-slidewrap .ja-vertical_right { left: 120px !important; } } .ja-slidewrap .ja-vertical_right .active { background: none; position: relative; } .ja-slidewrap .ja-vertical_right .active:after { position: absolute; display: block; content: ""; width: 6px !important; height: 10px !important; right: -5px !important; top: 50%; margin-top: -5px; border: solid 5px transparent !important; border-left: 5px solid #33bed9 !important; left: auto !important; zoom: 1; } .ja-slide-thumbs, .ja-slide-thumbs-mask, .ja-slide-thumbs-handles { width: 100%; } .ie8 .ja-slidewrap .maskDesc .ja-slide-desc a.readon { border: solid 1px #504d51; } .ie8 .ja-slidewrap .ja-slide-thumb-inner { border-top: solid 1px #333333; } .ie8 .ja-slidewrap .ja-slide-thumb-inner .thumb-inner { top: auto; display: table-cell; margin: auto; -ms-transform: translateY(0%); } .ie8 .ja-slidewrap .ja-vertical_right .active:after { right: -3px !important; }