@charset "UTF-8"; #overlay-thing .thing-detail .figure-button .fancy .icon,#overlay-thing .thing-detail .figure-button .share .icon,#overlay-thing .thing-detail .figure-button .menu-container #more-menu .before-bg-share2:before, #overlay-thing .thing-detail .figure-button .add .icon,#overlay-thing .thing-detail .figure-button .more:before, #overlay-thing .thing-detail .figure-button .fancyd .icon, #overlay-thing .thing-detail .figure-button .buttons a.fancyd_list:before {background:url("../../images/normal/shop_buttons.4cbbc5236d75.png") no-repeat; background-size:50px 50px; } #overlay-thing .thing-detail .figure-button .fancy .icon,#overlay-thing .thing-detail .figure-button .share .icon,#overlay-thing .thing-detail .figure-button .menu-container #more-menu .before-bg-share2:before,#overlay-thing .thing-detail .figure-button .add .icon,#overlay-thing .thing-detail .figure-button .more:before,#overlay-thing .thing-detail .figure-button .fancyd .icon {background:url("../../images/normal/shop_buttons.4cbbc5236d75.png") no-repeat; background-size:50px 50px; } #overlay-thing .thing-detail .other-thing .prev,#overlay-thing .thing-detail .other-thing .next,#overlay-thing .thing-detail .thing-more a.tit:after,#overlay-thing .popup.vanity_result .phone .icon:after,#overlay-thing .popup.vanity_result ul.loading li {background:url("../../images/normal/arrow_things.279744449d76.png") no-repeat; background-size:100px 100px; } .popup.vanity_result fieldset span:before,#overlay-thing .thing-detail .figure-info .frm dt:before,#overlay-thing .thing-detail .figure-info .frm dt:after,.popup.edit-thing .thing-detail .figure-infomation .figure-img .change-img .ic-pen {background:url("../../images/normal/things.21455d7f30cc.png") no-repeat; background-size:100px 200px; } .popup.edit-thing .function i,.popup.edit-thing .btn-delete .ic-del,.popup.edit-thing .thing-detail .figure-infomation .figure-img .btns-gray-embo .ic-pen,.quick-shipping .icon,.same-delivery .icon,.wand .icon,#overlay-thing .thing-detail .other-thing .figure-item .delete {background:url("../../images/normal/thing-icon.227b0236f0bd.png") no-repeat; background-size:150px 140px; } .photo_preview .next,.photo_preview .prev {background:url("../../images/normal/icons_thing_detail.6d1923ddb5dc.png") no-repeat; background-size:33px 500px; } .popup.request_sale .icon {background:url("../../images/normal/request_sale.994ac0e210a4.png") no-repeat; background-size: 160px 80px; } .popup.vanity_result .number:before {background:url("../../images/normal/checkout.68c501656db2.png") no-repeat; background-size: 220px 310px; } .popup.delivery-popup .notify-delivery i:before {background: url("../../images/normal/add_list.55c33d8e3639.png") no-repeat; background-size: 100px 100px; } #overlay-thing .thing-detail .figure-button .btn-more:before {background-image:url("../../images/normal/user-icon.2fc1862ba510.png"); background-repeat:no-repeat; background-size:200px 200px; } #overlay-thing .thing-detail .other-thing .figure-item .buttons button.btn-cart .icon,#overlay-thing .thing-detail .other-thing .figure-item .buttons button.btn-share .icon,#overlay-thing .thing-detail .other-thing a.button.fancy i,#overlay-thing .thing-detail .other-thing a.button.fancyd i {background-image: url("../../images/normal/shop_buttons.4cbbc5236d75.png") !important; background-size:50px 50px; background-repeat: no-repeat; } #overlay-thing .thing-detail .other-thing .figure-item a.button.fancy.loading i,#overlay-thing .thing-detail .other-thing .figure-item a.button.fancyd.loading i {background: url("../../images/normal/spinner.c71e992a25c2.gif") no-repeat !important; background-size:14px 14px; } #overlay-thing .thing-detail .other-thing .figure-item a.button.fancyd i {background-image: url("../../images/normal/shop_buttons.4cbbc5236d75.png") !important; background-size:50px 50px; background-repeat: no-repeat; } #overlay-thing .thing-detail .figure-button .more:before { background: url("../../images/normal/profile_icon.d1a26ba99f20.png") no-repeat; background-size: 100px 100px; } .popup.shipping .search .remove:before {background:url("../../images/normal/store.d37d371c58e6.png") no-repeat; background-size:100px 150px; } .popup.request_sale .icon {background:url("../../images/normal/request_sale.994ac0e210a4.png") no-repeat; background-size: 160px 80px; } #overlay-thing .thing-detail .figure-section .figure-item figure a.prev:before,#overlay-thing .thing-detail .figure-section .figure-item figure a.next:before {background:url("../../images/normal/header_new.5db963ff1ea5.png") no-repeat; background-size: 150px 100px; } #overlay-thing .thing-detail .ly-close,#overlay-thing .thing-detail .popup_next,#overlay-thing .thing-detail .popup_prev,#overlay-thing .thing-detail .figure-info .review .level em,#overlay-thing .thing-detail .figure-info .review:before {background:url("../../images/normal/thing_overlay.0f1a4b3ce238.png") no-repeat; background-size: 100px 100px; } #overlay-thing .thing-detail .added-info .follow:before,#overlay-thing .thing-detail .added-info .following:before, #overlay-thing .thing-detail .follow:before,#overlay-thing .thing-detail .following:before {background: url("../../images/normal/follow_button2.ed1f97b24f9d.png") no-repeat; background-size: 30px 100px; } #overlay-thing .thing-more a.tit:after {background: url("../../images/normal/arrow_things.279744449d76.png") no-repeat; background-size: 100px 100px; } #overlay-thing .thing-more.loading:after,#overlay-thing .thing-more.from ul.after, #overlay-thing .thing-detail .thing-more.added-info ul.after, #overlay-thing .thing-more .thing-more.from ul.after {background: url("../../images/normal/placeholder_things2.00a91016d43f.png") no-repeat; background-size: 350px 500px; } #overlay-thing .thing-detail .other-thing .inner > ul {background: url("../../images/normal/placeholder_things.c5b56f14581a.png") repeat; background-size: 247px 301px; } #overlay-thing .thing-detail .applepay h3:before {background: url("../../images/normal/applepay_icon.05e45b4c9da8.png") repeat; background-size: 300px 150px; } #overlay-thing .thing-detail .app-list a:before {background: url("../../images/normal/add_list.55c33d8e3639.png") no-repeat; background-size: 100px 100px; } #overlay-thing .thing-detail .fancyd-friends li a.more:after {background: url("../../images/normal/arrow_things.279744449d76.png") no-repeat; background-size: 100px 100px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .btn-cart .icon, #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .btn-share .icon, .button.fancy i, .button.fancyd i {background-image: url("../../images/normal/shop_buttons.4cbbc5236d75.png"); background-size:50px 50px; background-repeat: no-repeat; } .button span i, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-more:before, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-share .icon {background: url("../../images/normal/shop_buttons.4cbbc5236d75.png") no-repeat; background-size: 50px 50px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .count .button.loading span {background:url("../../images/normal/animation_fancy_btn.e2cb2707df1b.png") no-repeat; background-size: 1526px 55px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_list:before, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-more:before {background:url("../../images/normal/icon_activity.2c00142aad53.png") no-repeat; background-size: 200px 40px; } #overlay-thing .trick-select .selectBox-arrow {background: url("../../images/normal/selectbox-boxes2.890a0dcad836.gif") no-repeat; background-size: 18px 22px; } #overlay-thing .video_player .loader:before, #overlay-thing .thing-detail .figure-section .thumbnail-list a.video-thumb:after, #overlay-thing .video_player .btn-muted:before, #overlay-thing .video_player .btn-mute:before, #overlay-thing .video_player .btn-fullscreen:before, #overlay-thing .video_player .btn-play:before, #overlay-thing .video_player .btn-pause:before, #overlay-thing .video_player .btn-play:before {background:url("../../images/normal/video_icons.8a65a1143634.png") no-repeat; background-size:160px 30px; } #overlay-thing .video_player .loading .loader:before {background:url("../../images/normal/video_loader.340433b2e94f.png") no-repeat; background-size:1152px 64px; } #overlay-thing .figure-info .rating .value, #overlay-thing .figure-info .rating .value small {background: url("../../images/normal/thing_overlay.0f1a4b3ce238.png") no-repeat; background-size: 100px 100px; } #overlay-thing .thing-detail .figure-button .buttons .count .button-static.loading i, #overlay-thing .thing-detail .figure-button .buttons .btn-more:before {background-image: url("../../images/normal/shop_buttons.4cbbc5236d75.png") !important; background-repeat:no-repeat; background-size:50px 50px !important; } #overlay-thing .thing-detail .figure-button .buttons .menu-container #more-menu > .before-bg-share2:before {background: url("../../images/normal/show_share2.c1cc2118e531.png") no-repeat; background-size: 300px 200px; } #overlay-thing .thing-detail .figure-button .buttons .count .button.loading span {background:url("../../images/normal/animation_fancy_btn.e2cb2707df1b.png") no-repeat; background-size: 1526px 55px; } @media screen and (-webkit-min-device-pixel-ratio:2){ #overlay-thing .figure-info .rating .value, #overlay-thing .figure-info .rating .value small {background-image: url("../../images/retina/thing_overlay.75c0505cff68.png") ; } #overlay-thing .thing-detail .figure-button .buttons .count .button-static.loading i, #overlay-thing .thing-detail .figure-button .buttons .btn-more:before {background-image: url("../../images/retina/shop_buttons.6b73f016de76.png") !important; } #overlay-thing .thing-detail .figure-button .buttons .menu-container #more-menu > .before-bg-share2:before {background-image: url("../../images/retina/show_share2.2ddcf8479fc1.png"); } #overlay-thing .thing-detail .figure-button .buttons .count .button.loading span {background-image: url("../../images/retina/animation_fancy_btn.698bcf6d1321.png") ; } #overlay-thing .thing-detail .figure-section .thumbnail-list a.video_player .loader:before, #overlay-thing .thing-detail .figure-section .thumbnail-list a.video-thumb:after, #overlay-thing .thing-detail .figure-section .thumbnail-list a.video_player .btn-muted:before, #overlay-thing .thing-detail .figure-section .thumbnail-list a.video_player .btn-mute:before, #overlay-thing .thing-detail .figure-section .thumbnail-list a.video_player .btn-fullscreen:before, #overlay-thing .thing-detail .figure-section .thumbnail-list a.video_player .btn-play:before, #overlay-thing .thing-detail .figure-section .thumbnail-list a.video_player .btn-pause:before, #overlay-thing .thing-detail .figure-section .thumbnail-list a.video_player .btn-play:before {background-image:url("../../images/retina/video_icons.185ab307048f.png"); } #overlay-thing .video_player .loading .loader:before {background-image:url("../../images/retina/video_loader.08e6b4b9f0bd.png"); } #overlay-thing .trick-select .selectBox-arrow {background-image: url("../../images/retina/selectbox-boxes2.61a205ea35dd.gif"); } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .btn-cart .icon, #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .btn-share .icon, .button.fancy i, .button.fancyd i {background-image: url("../../images/retina/shop_buttons.6b73f016de76.png"); } .button span i, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-more:before, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-share .icon {background-image: url("../../images/retina/shop_buttons.6b73f016de76.png"); } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_list:before, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-more:before {background-image:url("../../images/retina/icon_activity.62cbf53b2367.png") ; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .count .button.loading span {background-image:url("../../images/retina/animation_fancy_btn.698bcf6d1321.png"); } #overlay-thing .thing-detail .fancyd-friends li a.more:after {background-image: url("../../images/retina/arrow_things.2f7f6a794e03.png") ; } #overlay-thing .thing-detail .app-list a:before {background-image: url("../../images/retina/add_list.a38bc037d63a.png") ; } #overlay-thing .thing-detail .figure-button .fancy .icon,#overlay-thing .thing-detail .figure-button .fancyd .icon,#overlay-thing .thing-detail .figure-button .share .icon,#overlay-thing .thing-detail .figure-button .menu-container #more-menu .before-bg-share2:before,#overlay-thing .thing-detail .figure-button .add .icon,#overlay-thing .thing-detail .figure-button .more:before,#overlay-thing .thing-detail .figure-button .fancyd .icon, #overlay-thing .thing-detail .figure-button .buttons a.fancyd_list:before {background-image:url("../../images/retina/shop_buttons.6b73f016de76.png"); } #overlay-thing .thing-detail .other-thing .prev,#overlay-thing .thing-detail .other-thing .next,#overlay-thing .thing-detail .thing-more a.tit:after,.popup.vanity_result .phone .icon:after,.popup.vanity_result ul.loading li {background-image:url("../../images/retina/arrow_things.2f7f6a794e03.png"); } .popup.vanity_result fieldset span:before,#overlay-thing .thing-detail .figure-info .frm dt:before,#overlay-thing .thing-detail .figure-info .frm dt:after,.popup.edit-thing .thing-detail .figure-infomation .figure-img .change-img .ic-pen {background-image:url("../../images/retina/things.1ab0de7d4210.png"); } .popup.edit-thing .function i,.popup.edit-thing .btn-delete .ic-del,.popup.edit-thing .thing-detail .figure-infomation .figure-img .btns-gray-embo .ic-pen,.quick-shipping .icon,.same-delivery .icon,.wand .icon,#overlay-thing .thing-detail .other-thing .figure-item .delete {background-image:url("../../images/retina/thing-icon.e23295939179.png"); } .photo_preview .next,.photo_preview .prev {background-image:url("../../images/retina/icons_thing_detail.77dd55afc023.png"); } .popup.request_sale .icon {background-image:url("../../images/retina/request_sale.a7ab0dd5c64f.png") ; } .popup.vanity_result .number:before {background-image:url("../../images/retina/checkout.faf176272c49.png"); } .popup.delivery-popup .notify-delivery i:before {background-image: url("../../images/normal/add_list.55c33d8e3639.png"); } #overlay-thing .thing-detail .figure-button .btn-more:before {background-image:url("../../images/retina/user-icon.2c76e3c64186.png"); } #overlay-thing .thing-detail .other-thing .figure-item .buttons button.btn-cart .icon,#overlay-thing .thing-detail .other-thing .figure-item .buttons button.btn-share .icon,#overlay-thing .thing-detail .other-thing a.button.fancy i,#overlay-thing .thing-detail .other-thing a.button.fancyd i {background-image: url("../../images/retina/shop_buttons.6b73f016de76.png") !important; } #overlay-thing .thing-detail .other-thing .figure-item a.button.fancy.loading i,#overlay-thing .thing-detail .other-thing .figure-item a.button.fancyd.loading i {background-image: url("../../images/retina/spinner.00698c489c07.gif") !important; background-size:cover !important} #overlay-thing .thing-detail .other-thing .figure-item a.button.fancyd i{background-image: url("../../images/retina/shop_buttons.6b73f016de76.png") !important; } #overlay-thing .thing-detail .figure-button .more:before { background-image: url("../../images/retina/profile_icon.ac768f052991.png") } .popup.shipping .search .remove:before {background-image:url("../../images/retina/store.167bcdd4f9cf.png") } .popup.request_sale .icon {background-image:url("../../images/retina/request_sale.a7ab0dd5c64f.png"); } #overlay-thing .thing-detail .figure-section .figure-item figure a.prev:before,#overlay-thing .thing-detail .figure-section .figure-item figure a.next:before {background-image:url("../../images/retina/header_new.2577c48c0efd.png"); } #overlay-thing .thing-detail .ly-close,#overlay-thing .thing-detail .popup_next,#overlay-thing .thing-detail .popup_prev,#overlay-thing .thing-detail .figure-info .review .level em,#overlay-thing .thing-detail .figure-info .review:before {background-image:url("../../images/retina/thing_overlay.75c0505cff68.png"); } #overlay-thing .thing-detail .added-info .follow:before,#overlay-thing .thing-detail .added-info .following:before, #overlay-thing .thing-detail .follow:before,#overlay-thing .thing-detail .following:before {background-image: url("../../images/retina/follow_button2.540d81f2f745.png"); } #overlay-thing .thing-more a.tit:after {background-image: url("../../images/retina/arrow_things.2f7f6a794e03.png") ; } #overlay-thing .thing-more.loading:after,#overlay-thing .thing-more.from ul.after, #overlay-thing .thing-detail .thing-more.added-info ul.after, #overlay-thing .thing-more .thing-more.from ul.after {background-image: url("../../images/retina/placeholder_things2.87d18ac95815.png") ; } #overlay-thing .thing-detail .other-thing .inner > ul {background-image: url("../../images/retina/placeholder_things.63f2ef1bb775.png"); } #overlay-thing .thing-detail .applepay h3:before {background-image: url("../../images/retina/applepay_icon.0b8f0bbb96d2.png"); } } #overlay-thing .thing-detail .wrapper-content,#overlay-thing .thing-detail .wrapper-content .content,#overlay-thing .thing-detail .wrapper-content .sidebar {background:none; box-shadow:none; padding:0; } #overlay-thing .thing-detail .wrapper-content .btns-gray-embo,#overlay-thing .thing-detail .wrapper-content a.btns-gray-embo {line-height: 28px; font-size: 12px; } #overlay-thing .thing-detail .wrapper-content { cursor: pointer; } #overlay-thing .thing-detail .wrapper-content .content {float:left; width: 648px; cursor:auto; } #overlay-thing .thing-detail .wrapper-content .sidebar {float:left; margin-left:19px; width:303px; cursor:auto; } #overlay-thing .thing-detail .wrapper-content .timeline {cursor:auto; } #overlay-thing .thing-detail .wrapper-content {width:970px; margin:0 auto; cursor:auto; position: relative; padding: 40px 0; } #overlay-thing .thing-detail .wrapper-content:after {content:''; display:block; clear:both; width:100%; height:0; visibility: hidden; } #overlay-thing .thing-detail input[type="text"].text, #overlay-thing .thing-detail input[type="password"].text, #overlay-thing .thing-detail textarea.text { border: 1px solid #dfe0e2; background: #f8f8f8; width: calc(100% - 68px); width:-webkit-calc(100% - 68px); width:-moz-calc(100% - 68px); } #overlay-thing .thing-detail .content a, #overlay-thing .thing-detail .sidebar a, #overlay-thing .thing-detail .content a:hover, #overlay-thing .thing-detail .sidebar a:hover { text-decoration: none; cursor: pointer; } #overlay-thing .thing-detail .sidebar p.powered {font-size: 12px; color: #84878b; padding: 10px 0 0; text-align: center; display: block; margin-bottom: -9px; } #overlay-thing .thing-detail .wrapper, #overlay-thing .wider .thing-detail .content.wrapper {border-radius: 3px; padding: 0; } #overlay-thing .thing-detail .wrapper .stit {color: #373d48; font-size: 13px; line-height: 38px; text-shadow: 0 1px 0 #FFF; border-bottom: 1px solid #f0f1f2; border-radius: 3px 3px 0 0; padding: 2px 0 0 15px; background: none; } #overlay-thing .thing-detail .figure-section .figure-item {width: auto; border-radius: 3px; padding: 0; overflow: hidden; } #overlay-thing .thing-detail .figure-section .figure-item figure {position:relative; display: block; margin: 4px; height: auto; background: #F0F0F0; width:auto; } #overlay-thing .thing-detail .figure-section .figure-item figure .figure {display:block; height: auto; background: 50% 50% no-repeat #F0F0F0; text-align:center; background-size:contain; overflow: hidden; opacity:0; } #overlay-thing .thing-detail .figure-section .figure-item figure .figure.loading {height:640px; } #overlay-thing .thing-detail .figure-section .figure-item figure .figure img {display:block; max-width:none; -moz-transform: translateY(-50%); opacity: 0; transition: opacity 0.15s ease-in-out; width: 100%; } #overlay-thing .thing-detail .figure-section .figure-item figure .figure > img {width:auto; max-width:100%; } #overlay-thing .thing-detail .figure-section .figure-item figure .figure img.fit {max-width: 640px; } #overlay-thing .thing-detail .figure-section .figure-item figure a.prev,#overlay-thing .thing-detail .figure-section .figure-item figure a.next {width:41px; height:83px; position:absolute; top:50%; margin-top:-42px; background:rgba(28,30,32,0.5); z-index: 1; opacity:0; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; } #overlay-thing .thing-detail .figure-section .figure-item figure .zoomShow.startZoom a.prev,#overlay-thing .thing-detail .figure-section .figure-item figure .zoomShow.startZoom a.next {opacity:0; } #overlay-thing .thing-detail .figure-section .figure-item figure:hover a.prev,#overlay-thing .thing-detail .figure-section .figure-item figure:hover a.next {opacity:1; } #overlay-thing .thing-detail .figure-section .figure-item figure a.prev:before,#overlay-thing .thing-detail .figure-section .figure-item figure a.next:before {content:''; position:absolute; top:50%; width:16px; left:50%; height:27px; margin:-14px 0 0 -8px; opacity:0.9; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; } #overlay-thing .thing-detail .figure-section .figure-item figure a.prev {left:0; border-radius:0 3px 3px 0; } #overlay-thing .thing-detail .figure-section .figure-item figure a.prev:before {background-position:-50px -40px} #overlay-thing .thing-detail .figure-section .figure-item figure a.next {right:0; border-radius:3px 0 0 3px; } #overlay-thing .thing-detail .figure-section .figure-item figure a.next:before {background-position:-70px -40px} #overlay-thing .thing-detail .figure-section .figure-item figure a.prev:hover,#overlay-thing .thing-detail .figure-section .figure-item figure a.next:hover {background:rgba(28,30,32,0.7); } #overlay-thing .thing-detail .figure-section .figure-item figure a.prev.disabled,#overlay-thing .thing-detail .figure-section .figure-item figure a.next.disabled {cursor:default; } #overlay-thing .thing-detail .figure-section .figure-item figure a.prev.disabled:hover,#overlay-thing .thing-detail .figure-section .figure-item figure a.next.disabled:hover {background:rgba(28,30,32,0.5); } #overlay-thing .thing-detail .figure-section .figure-item figure a.prev.disabled:before,#overlay-thing .thing-detail .figure-section .figure-item figure a.next.disabled:before {opacity:0.5; } #overlay-thing .thing-detail .figure-section .figure-item figure .figure.zoomShow {position:relative; cursor: -webkit-zoom-in; overflow:hidden; max-height:640px; } #overlay-thing .thing-detail .figure-section .figure-item figure .figure.zoomShow .zoomImage {z-index:3; width: 246px; height: 246px; display:none; border: 2px solid #649ed7; position: absolute; cursor: none; background-repeat:no-repeat; } #overlay-thing .thing-detail .figure-section .figure-item figure .figure.zoomShow.startZoom .zoomImage {display:block; } #overlay-thing .thing-detail .figure-section .figure-item .back {display:none; } #overlay-thing .thing-detail .figure-button { position: relative; clear: both; padding: 15px 14px 55px 15px; margin: 0 -15px; border-top: 1px solid #f7f7f8; } #overlay-thing .thing-detail .figure-button .buttons { user-select: none; -webkit-user-select: none; white-space:nowrap; } #overlay-thing .thing-detail .figure-button .menu-container #more-menu .before-bg-share2,#overlay-thing .thing-detail .figure-button > a,#overlay-thing .thing-detail .figure-button .btn-more {display: inline-block; position: relative; vertical-align: middle; font-weight: bold; padding: 1px 10px; line-height: 28px; font-size: 12px; border: 1px solid; color: #5A616F; text-shadow: 0 1px 0 #FFF; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border-color: rgba(204, 206, 210, 0.67) rgba(205, 206, 208, 0.78) rgba(182, 183, 185, 0.67); background: #F4F4F5; background: -webkit-linear-gradient(top,#FFF,#F6F7F8); background: -ms-linear-gradient(top,#FFFFFF,#F6F7F8); background: -moz-linear-gradient(top,#FFFFFF,#F6F7F8); background: -o-linear-gradient(top,#FFFFFF,#F6F7F8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#F6F7F8'); border-radius: 3px; margin-right: 3px; } #overlay-thing .thing-detail .figure-button .menu-container #more-menu .before-bg-share2:hover,#overlay-thing .thing-detail .figure-button > a:hover {text-decoration: none; border-color: rgba(184, 187, 190, 0.6); border-bottom-color: rgba(175, 177, 179, 0.8); } #overlay-thing .thing-detail .figure-button .menu-container #more-menu .before-bg-share2:active,#overlay-thing .thing-detail .figure-button > a:active {box-shadow: none; background: -webkit-linear-gradient(#F0F0F0,#FFF); background: -moz-linear-gradient(#f0f0f0,#ffffff); background: -o-linear-gradient(#f0f0f0,#ffffff); background: linear-gradient(#F0F0F0,#FFF); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2); box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.2); border-color: #B6B7B9 #C7C8C9 #C7C8C9; } #overlay-thing .thing-detail .figure-button > a.fancyd {color:#5289bf; } #overlay-thing .thing-detail .figure-button .menu-container #more-menu .before-bg-share2.share, #overlay-thing .thing-detail .figure-button > a.share {padding: 1px 0; width: 33px; text-align: center; margin: 0; } #overlay-thing .thing-detail .figure-button .admin-btn {position:relative; display:inline-block; padding:0; z-index:2; } #overlay-thing .thing-detail .figure-button .admin-btn span {position:absolute; top:45px; right:0; padding:6px 0; background:#fff; box-shadow:0 0 0 1px rgba(0,0,0,0.15),0 2px 8px rgba(0,0,0,0.09); border-radius:3px; width:168px; opacity:0; transition:opacity 0.3s; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; visibility: hidden; } #overlay-thing .thing-detail .figure-button .admin-btn span:before {content:''; position:absolute; top: -18px; right: 11px; border: 9px solid transparent; border-bottom-color: #CDCED0; } #overlay-thing .thing-detail .figure-button .admin-btn span:after {content:''; position:absolute; top:-16px; right: 12px; border:8px solid transparent; border-bottom-color: #fff; } #overlay-thing .thing-detail .figure-button .admin-btn span a {font-weight:normal; display:block; border-radius:0; white-space:nowrap; background:none; border:0; box-shadow:none; text-shadow:none; font-size:12px; line-height:24px; padding:0 13px; color:#383d48; } #overlay-thing .thing-detail .figure-button .admin-btn span a:hover {background:#f0f0f2; } #overlay-thing .thing-detail .figure-button .admin-btn span em {display:block; height:1px; width:100%; background:#e9eaed; margin:4px 0; } #overlay-thing .thing-detail .figure-button .admin-btn.opened span {opacity:1; visibility: visible; } #overlay-thing .thing-detail .figure-button .admin-btn.opened .trick {opacity:0; display:block; } #overlay-thing .thing-detail .figure-button .button {float:right; } #overlay-thing .thing-detail .figure-button .fancy .icon {display:inline-block; width:10px; height:15px; vertical-align:middle; background-position:0 0; margin:-3px 6px 0 0; } #overlay-thing .thing-detail .figure-button .fancyd .icon {display: inline-block; width: 10px; height: 15px; vertical-align: middle; margin: -3px 6px 0 0; background-position: 0 -20px; } #overlay-thing .thing-detail .figure-button .menu-container #more-menu .before-bg-share2.share:before, #overlay-thing .thing-detail .figure-button .share .icon {display: inline-block; width: 14px; height: 10px; background-position: -36px -40px; vertical-align: middle; margin: -3px 1px 0 -1px; } #overlay-thing .thing-detail .figure-button .menu-container #more-menu .before-bg-share2.share:before {} #overlay-thing .thing-detail .figure-button .menu-container #more-menu .before-bg-share2.add-list:before,#overlay-thing .thing-detail .figure-button .add .icon {display:inline-block; width: 10px; height:10px; background-position:0 -40px; vertical-align:middle; margin:-3px 3px 0 0; } #overlay-thing .thing-detail .figure-button .menu-container #more-menu .before-bg-share2.add-list:before {position: absolute; top: 15px; margin: -5px 0 0 0; opacity: 0.9; } #overlay-thing .thing-detail .figure-button .more:before,#overlay-thing .thing-detail .figure-button .btn-more:before {content: ''; display: inline-block; width: 16px; height: 4px; background-position: -160px -80px; vertical-align: middle; margin: -3px 0 0 0; } #overlay-thing .thing-detail .figure-button .more {padding: 1px 0; width: 34px; text-align: center; } #overlay-thing .thing-detail .figure-button .btn-more {margin:0; cursor:pointer; display: none; } #overlay-thing .thing-detail .figure-button .menu-container {float: left; position: relative; z-index: 2; top: auto; right: auto; bottom: auto; height: auto; width: auto; opacity: 1; visibility: visible; } #overlay-thing .thing-detail .figure-button .menu-container .more-share-popup {top: 45px; bottom: auto; right: auto; left: 50%; margin-left: -147px; } #overlay-thing .thing-detail .figure-button .menu-container #show-addlist {left: 50%; } #overlay-thing .thing-detail .figure-button .menu-container #more-menu {display:block; border:0; position: static; opacity: 1; visibility: visible; box-shadow: none; margin: 0; background-color: transparent; } #overlay-thing .thing-detail .figure-button .menu-container #more-menu:before,#overlay-thing .thing-detail .figure-button .menu-container #more-menu:after {display:none; } #overlay-thing .thing-detail .figure-button .menu-container button {display:inline-block; } #overlay-thing .thing-detail .figure-button .menu-container #more-menu .before-bg-share2 {height:32px; display:inline-block; text-indent: -1000em; overflow: hidden; font-size: 0; width: auto; float: right; } #overlay-thing .thing-detail .figure-button .menu-container #more-menu .before-bg-share2 b {display:none; } #overlay-thing .thing-detail .figure-info .frm .figure-button .menu-container .btn-create {border:0; } #overlay-thing .thing-detail .figure-info .frm .figure-button .menu-container .btn-create:hover {border:0; } #overlay-thing .thing-detail .figure-info .frm .personalization {padding: 6px 0 11px;} #overlay-thing .thing-detail .figure-info .frm .personalization label {display:block;font-size: 12px;padding-bottom:6px;opacity:0.6;} #overlay-thing .thing-detail .figure-info .frm .personalization input.text {box-sizing:border-box;width:100%;height:auto;} #overlay-thing .thing-detail .figure-info .frm .multi-option:last-of-type {margin-bottom:6px;} #overlay-thing .thing-detail .figure-info .frm .multi-option {font-size:12px;padding-bottom:9px;} #overlay-thing .thing-detail .figure-info .frm .multi-option.button ul {letter-spacing:1px;} #overlay-thing .thing-detail .figure-info .frm .multi-option.button li {margin-bottom:5px;} #overlay-thing .thing-detail .figure-info .frm .multi-option.swatch ul {letter-spacing:-2px;padding:8px 0 5px;} #overlay-thing .thing-detail .figure-info .frm .multi-option.swatch a {border:3px solid #fff;display:block;width:26px;height:26px;border-radius:100%;margin-top:2px;} #overlay-thing .thing-detail .figure-info .frm .multi-option li+li {margin-left:4px;} #overlay-thing .thing-detail .figure-info .frm .multi-option.swatch a.selected {position:relative;box-shadow:0 0 0 2px #2184DC;} #overlay-thing .thing-detail .figure-info .frm .multi-option.swatch a.disabled {opacity: 0.5;} #overlay-thing .thing-detail .figure-info .frm .multi-option.thumbnail ul {letter-spacing:2px;padding:0 0 5px;} #overlay-thing .thing-detail .figure-info .frm .multi-option.thumbnail img {display:block;border-radius:3px;background:no-repeat 50% 50%;background-size:cover;width:62px;height:62px;margin-top:10px;} #overlay-thing .thing-detail .figure-info .frm .multi-option.thumbnail a.selected img {box-shadow:0 0 0 1px #2184DC, inset 0 0 0 1px #2184DC;} #overlay-thing .thing-detail .figure-info .frm .multi-option.thumbnail a.disabled img {opacity:0.5;} #overlay-thing .thing-detail .figure-info .frm .multi-option .value {display:block;font-size:13px;line-height:18px;color:#3B414D;} #overlay-thing .thing-detail .figure-info .frm .multi-option li {display:inline-block;vertical-align:top;} #overlay-thing .thing-detail .figure-info .frm .multi-option button {line-height:31px;border-radius:3px;border:1px solid #DFE0E2;padding:0 11px;color:#3B414D;font-weight:400;background:#fff;} #overlay-thing .thing-detail .figure-info .frm .multi-option button[disabled] {cursor:default;border-color: rgba(223, 224, 226, .6);color:rgba(59, 65, 77, .35);} #overlay-thing .thing-detail .figure-info .frm .multi-option button.selected {color:#2184DC;background:#F6FAFE;border-color:rgba(33, 132, 220, .48);} #overlay-thing .thing-detail .figure-info .frm .multi-option label {display: block;color: #8a8f9c;font-size: 12px;padding: 7px 0 6px;} #overlay-thing .thing-detail .figure-info .frm .multi-option select {-webkit-appearance:none;display:block;width:100%;border-radius:3px;padding:6px 20px 6px 7px;line-height:18px;margin-bottom:5px;border:1px solid #DFE0E2;color: #373d48;background: url("../../images/normal/selectbox-boxes2.890a0dcad836.gif") #f8f8f8 no-repeat 100% 50%;background-size: 18px 22px;} #overlay-thing .thing-detail .figure-info .frm a.size_guide {position:absolute; right: 103px; top: 14px; font-size: 10px; text-transform: uppercase; margin-bottom:14px;} #overlay-thing .thing-detail .figure-info .apple-pay-button-with-text {--apple-pay-scale:1;} #overlay-thing .thing-detail .figure-info .apple-pay-button .logo {background:url("../../../whitelabel/gear/images/svg/sprite.detail.v2.merge.4f38f6bce0de.svg") no-repeat -74px 0;background-size:200px 200px;width:49px;height:20px;margin: 9px 0 0 -2px;transform: scale(0.8);} #overlay-thing .thing-detail .figure-info .apple-pay-button-with-text > .text {font-weight:bold;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;} #overlay-thing .thing-detail .figure-button .menu-container > a {box-shadow:none; font-weight:normal; background:none; display:inline; box-shadow:none; width:auto; border: 0; margin: 0; padding: 0; text-shadow:none; } #overlay-thing .thing-detail .figure-button .has-arrow::before {bottom: auto; top: -16px; left:auto; right: 70px; border: 8px solid transparent; border-bottom-color: rgba(0,0,0,.3); position: absolute; } #overlay-thing .thing-detail .figure-button .has-arrow::after {bottom: auto; left:auto; right:70px; border: 8px solid transparent; border-bottom-color:#fff; top: -15px; position: absolute; } #overlay-thing .thing-detail .figure-button #show-share .tit a {font-size: 11px; } #overlay-thing .thing-detail .figure-button #show-share .frm {padding:0; } #overlay-thing .thing-detail .figure-info {position:relative; margin-top: 0; } #overlay-thing .thing-detail .figure-info .review {display:block; color:#4978b3; font-size:13px; position:relative; padding-left:80px; margin-top: 9px; } #overlay-thing .thing-detail .figure-info .review:before {content:''; position:absolute; top:50%; left:0; width:75px; height:15px; margin-top: -10px; background-position: 0 -40px; } #overlay-thing .thing-detail .figure-info .review .level {position:absolute; top:50%; left:0; height:15px; margin-top: -10px; width: 75px; } #overlay-thing .thing-detail .figure-info .review .level em {position:absolute; top:0; left:0; height:100%; background-position:0 -25px; background-color: #fff; } #overlay-thing .thing-detail .figure-info .title {line-height:22px; font-size:18px; font-weight:normal; padding:16px 15px 5px; min-height:22px; } #overlay-thing .thing-detail .figure-info .price {padding:5px 15px 0; } #overlay-thing .thing-detail .figure-info .price big {min-height:22px; font-size: 20px; font-weight: bold; } #overlay-thing .thing-detail .figure-info .price big.sale {color:#b42c2c; } #overlay-thing .thing-detail .figure-info .price big small {font-size:15px; font-weight:normal; color: #383d48; vertical-align: middle; display: inline-block; padding-bottom: 1px; margin-left: 5px; } #overlay-thing .thing-detail .figure-info .price big small {font-size:15px; font-weight:normal; color: #383d48; vertical-align: middle; display: inline-block; padding-bottom: 1px; margin-left: 5px; } #overlay-thing .thing-detail .figure-info .price .sales {padding:3px 0 0; color:#8a8f9c; font-size: 12px; display:block; } #overlay-thing .thing-detail .figure-info .price .currency_price {padding: 4px 0 3px; color: #8a8f9c; font-size: 11px; min-height:12px; } #overlay-thing .thing-detail .figure-info .price .sales em {text-decoration:line-through; } #overlay-thing .thing-detail .figure-info .price .left_num {display:block; font-size:14px; color:#539b42; padding:14px 0 0; } #overlay-thing .thing-detail .figure-info .btn-request {margin:0 15px 15px; width:271px; } #overlay-thing .thing-detail .figure-info .price.soldout {color:#8a8f9c; font-size:13px; line-height:18px; padding:12px 15px 14px; } #overlay-thing .thing-detail .figure-info .btn-moreinfo {display:block; background:none; text-align:center; width:100%; border-top:1px solid #ebebed; color:#4978b3; font-size:12px; font-weight:bold; text-align:center; line-height:43px; } #overlay-thing .thing-detail .figure-info .frm {padding: 6px 15px 0; position: relative; } #overlay-thing .thing-detail .figure-info .frm fieldset {font-size:0;padding-bottom:3px; } #overlay-thing .thing-detail .figure-info .frm .recipent {position:relative; } #overlay-thing .thing-detail .figure-info .frm .user-list {display:none; position:absolute; top: 30px; width: 270px; border:1px solid #c8cbcd; background:#fff; padding:2px 0; z-index: 3; } #overlay-thing .thing-detail .figure-info .frm .user-list li {position:relative; padding:1px 5px 3px 40px; font-size: 12px; line-height: 15px; min-height:32px; cursor:pointer; } #overlay-thing .thing-detail .figure-info .frm .user-list li:hover {background:#f0f0f0; } #overlay-thing .thing-detail .figure-info .frm .user-list img {position:absolute; top:3px; left:5px; width:30px; height:30px; border-radius:3px; background-size:cover; background-position:50% 50%; } #overlay-thing .thing-detail .figure-info .frm .user-list b {display:block; } #overlay-thing .thing-detail .figure-info .frm .user-list small {display:block; color:#999; } #overlay-thing .thing-detail .figure-info .frm p {display:inline-block; vertical-align:top; font-size:13px; } #overlay-thing .thing-detail .figure-info .frm .trick-select.option {width:185px; margin-right: 10px; } #overlay-thing .thing-detail .figure-info .frm .trick-select.quantity {width: 76px; } #overlay-thing .thing-detail .figure-info .frm .trick-select.quantity.long {width: 272px; } #overlay-thing .thing-detail .figure-info .frm .sale-item-input > p > label { display: block; color: #8a8f9c; font-size: 12px; padding: 7px 0 6px; } #overlay-thing .thing-detail .figure-info .frm label small {font-size:10px; } #overlay-thing .thing-detail .figure-info .frm input.text {line-height: 18px; height: 19px; box-shadow: none; } #overlay-thing .thing-detail .figure-info .frm input.text#more-share-link { height: 18px; overflow: hidden;width: 232px;height: 26px;} #overlay-thing .thing-detail .figure-info .frm input.text.search {width:256px; margin-bottom:5px; } #overlay-thing .thing-detail .figure-info .frm input.text.price {width: 114px; } #overlay-thing .thing-detail .figure-info .frm .dash {width: 4px; overflow: hidden; display: inline-block; vertical-align: middle; margin-top: -3px; margin-left: 2px; margin-right: 2px; } #overlay-thing .thing-detail .figure-info .frm input.text.code {width: 114px; } #overlay-thing .thing-detail .figure-info .frm p:first-child input.text.code {width:256px; } #overlay-thing .thing-detail .figure-info p.summary {padding:11px 15px 0px; font-size:13px; line-height:18px; color:#383d48; } #overlay-thing .thing-detail .figure-info .frm .trick-select.state {width: 128px; margin-right: 10px; } #overlay-thing .thing-detail .figure-info .frm .sale-item-input > button.btn-cart:nth-last-of-type(2) {width:40%;width:calc(50% - 5px);float:left;} #overlay-thing .thing-detail .figure-info .frm .sale-item-input > .buy_now {width:40%;width:calc(50% - 5px);float:right;} #overlay-thing .thing-detail .figure-info .frm .sale-item-input > button,#overlay-thing .thing-detail .figure-info .frm .btns-blue-embo, #overlay-thing .thing-detail .figure-info .frm > .notify-available {display:block; width:100%; margin-bottom: 12px; font-size:14px; line-height:35px; height:auto; box-shadow: none; } #overlay-thing .thing-detail .figure-info .frm .sale-item-input > button {padding:0;} #overlay-thing .thing-detail .figure-info .frm > .notify-available { color: #4978b3; font-size: 12px; background: #FFFFFF; border: 1px solid #F1F1F2; box-shadow: none; border-radius: 3px; padding: 2px 0 0 0; margin-top: -5px; } #overlay-thing .thing-detail .figure-info .frm a.btns-green-embo {display:block; color:#fff; margin-bottom:15px; font-size:14px; line-height:35px; height:auto; } #overlay-thing .thing-detail .figure-info .frm select::selection {background:#e9eaed; } #overlay-thing .thing-detail .figure-info .frm .trick-select .selectBox {opacity: 1; display: block; height: 30px; border-color: #DFE0E2; color: #373d48; } #overlay-thing .thing-detail .figure-info .frm .trick-select .selectBox.disabled { border-color: #d9dbdd; color: #989aa0; cursor:default; } #overlay-thing .thing-detail .figure-info .frm .trick-select .selectBox.disabled .selectBox-arrow {opacity:0.5; } #overlay-thing .thing-detail .figure-info .frm .trick-select .selectBox.disabled .selectBox-label {color: #989aa0; } #overlay-thing .trick-select .selectBox-label,#overlay-thing .things-v3.detail .selectBox-label {position:relative; display: block; border:0; background: none; width: 80%; width: calc(100% - 35px); width: -webkit-calc(100% - 35px); width: -o-calc(100% - 35px); width: -moz-calc(100% - 35px); white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0 0 0 8px; vertical-align: middle; margin: 0; line-height: 30px; } #overlay-thing .thing-detail .figure-info .frm .trick-select .selectBox .selectBox-label:after {content:''; position:absolute; right: 0; width: 20px; top:0; height:100%; background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, #F8F8F8 90%); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #F8F8F8 90%); background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, #F8F8F8 90%); } #overlay-thing .thing-detail .figure-info .frm .trick-select select {opacity: 0; background-color: #F8F8F8; border-color: #d1d5d7; text-overflow: ellipsis; } #overlay-thing .thing-detail .figure-info .frm select:focus {border-color: #DBDEDF #DBDEDF #D7D8DA !important; box-shadow: none !important; background-color: #F8F8F8 !important; } #overlay-thing .thing-detail .figure-info .frm .btn-create {font-weight: bold; margin: -5px 0 15px; border-radius: 3px; background: none; border: 1px solid #ebebed; line-height: 35px; color: #A3A6AE; font-size: 12px; text-align: center; } #overlay-thing .thing-detail .figure-info .frm .btn-create:hover {color: #4978b3; border: 1px solid #B0C5DF; box-shadow:none; } #overlay-thing .thing-detail .figure-section .thumbnail-list {float: left; width: 200px; padding-bottom: 20px; } #overlay-thing .thing-detail .figure-section .thumbnail-list .after {padding: 7px 7px 0; } #overlay-thing .thing-detail .figure-section .thumbnail-list li {float:left; vertical-align:top; margin: 8px 0 0 8px; background-color: transparent; width: 50px; max-height: 50px; } #overlay-thing .thing-detail .figure-section .thumbnail-list a {display: block; width: 50px; height: 50px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1); background:#fff no-repeat 50% 50%; background-size: contain; border-radius: 3px; position: relative; } #overlay-thing .thing-detail .figure-section .thumbnail-list a.active {box-shadow: inset 0 0 0 2px rgba(62,133,205,0.75); } #overlay-thing .thing-detail .figure-section .thumbnail-list a.active:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#3e85cd; opacity:0.15; } #overlay-thing .thing-detail .figure-section .thumbnail-list a.more {color: #4978b3; box-shadow: none; margin: 8px 0 0; height: auto; white-space: nowrap; } #overlay-thing .thing-detail .figure-section .description {float:right; width: 433px; padding: 15px 15px 20px 0; } #overlay-thing .thing-detail .figure-section .description .detail a {color:#4978b3; } #overlay-thing .thing-detail .figure-section .description .detail p {font-size:13px; line-height:18px; color:#383d48; } #overlay-thing .thing-detail .figure-section .description .detail p.more {display:none; } #overlay-thing .thing-detail .figure-section .description .detail ul,#overlay-thing .thing-detail .figure-section .description .detail ol {list-style-type: disc; padding:0 0 5px 16px; list-style-position: outside; } #overlay-thing .thing-detail .figure-section .description .detail li {list-style-type: disc; padding:0 0 5px; list-style-position: outside; } #overlay-thing .thing-detail .figure-section .description.show_detail .detail p.more {display: block; } #overlay-thing .thing-detail .figure-section .description.show_detail .detail p.less {display: none; } #overlay-thing .thing-detail .figure-section .description .after li {float:left; width:100%; line-height:17px; border-bottom:1px solid #f0f0f2; padding:7px 0; } #overlay-thing .thing-detail .figure-section .description .after li:last-child {border-bottom:0; } #overlay-thing .thing-detail .figure-section .description .after li label {float:left; } #overlay-thing .thing-detail .figure-section .description .after li span {float:right; color:#383d48; width:285px; } #overlay-thing .thing-detail .figure-section .figure-detail .asset {color:#5b616d; padding:12px 15px; line-height:19px; } #overlay-thing .thing-detail .figure-section .figure-detail .asset a {color:#5b616d; font-weight:bold; } #overlay-thing .thing-detail .figure-section .submitted {display:none; position:absolute; right:0; bottom:0; background:rgba(0,0,0,0.5); color:#fff; line-height:27px; padding:0 10px; font-size:11px; } #overlay-thing .thing-detail .figure-section figure .figure-button {position:absolute; right:0; bottom:0; padding: 0 16px 16px; margin: 0; border: 0; z-index:1; } #overlay-thing .thing-detail .figure-section figure .figure-button a {float: left; line-height: 28px; color: rgba(97, 100, 107, 1); background: #fff; border-radius: 0; font-weight: bold; font-size: 12px; padding: 1px 11px 0; position: relative; box-shadow: 0 2px 0 rgba(0,0,0,0.05), 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.1), -1px 0 0 0 rgba(0, 0, 0, 0.1); border: 0; margin: 0; } #overlay-thing .thing-detail .figure-section figure .figure-button a:active {background:#FAFAFA; box-shadow: 0 2px 0 rgba(0,0,0,0.05), 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.1), -1px 0 0 0 rgba(0, 0, 0, 0.1); } #overlay-thing .thing-detail .figure-section figure .figure-button a small {font-weight:normal; } #overlay-thing .thing-detail .figure-section figure .figure-button a:before {content:''; right: 0; top:0; width:1px; height:100%; background: #E8E8E8; position:absolute; opacity:1; } #overlay-thing .thing-detail .figure-section figure .figure-button a:last-child:before {display:none; } #overlay-thing .thing-detail .figure-section figure .figure-button a:last-child {border-top-right-radius:3px; border-bottom-right-radius:3px; box-shadow: 0 2px 0 rgba(0,0,0,0.05),0 0 0 1px rgba(0, 0, 0, 0.1); } #overlay-thing .thing-detail .figure-section figure .figure-button a:first-child {border-top-left-radius:3px; border-bottom-left-radius:3px; } #overlay-thing .thing-detail .figure-section .figure-detail {position:relative; } #overlay-thing .thing-detail .figure-section .figure-detail .detail h4.tit {padding-bottom:5px; font-size:13px; line-height:19px; } #overlay-thing .thing-detail .figure-section .figure-detail .detail.short:before {display:none; } #overlay-thing .thing-detail .figure-section .figure-detail .detail.short .more {display:none; } #overlay-thing .thing-detail .figure-section .figure-detail .detail.show {max-height:20000px; } #overlay-thing .thing-detail .figure-section .figure-detail .detail.show .less {display: block; } #overlay-thing .thing-detail .figure-section .figure-detail .description .detail > div * {font-weight:normal !important; } #overlay-thing .thing-detail .figure-section .figure-detail .detail {position:relative; font-size:13px; line-height:19px; color:#383d48; max-height: 175px; overflow: hidden; padding-bottom: 15px; } #overlay-thing .thing-detail .figure-section .figure-detail .detail .more {position: absolute; top: 166px; left: 0; width: 100%; background: #fff; padding: 0px 0 15px; } #overlay-thing .thing-detail .figure-section .figure-detail .detail .more:before {content:''; position:absolute; bottom: 100%; width:100%; height:60px; left:0; background: -webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1)); background: -ms-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1)); background: -moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1)); background: -o-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1)); } #overlay-thing .thing-detail .figure-section .figure-detail .detail .less,#overlay-thing .thing-detail .figure-section .figure-detail .detail.show .more {display:none; } #overlay-thing .thing-detail .merchant-info.thing-more a.tit b:after, #overlay-thing .thing-detail .thing-more.in a.tit b:after {display:none; } #overlay-thing .thing-detail .merchant-info ul.after img {display:block; width:86px; height:86px; box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1); background-position:50% 50%; background-size:cover; } #overlay-thing .thing-detail .merchant-info .follower {font-size:12px; color:#8a8f9c; } #overlay-thing .thing-detail .merchant-info .name {color: #383D48; font-size: 15px; font-weight: bold; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #overlay-thing .thing-detail .merchant-info .name:hover {color: #4978B3; } #overlay-thing .thing-detail .merchant-info .brand {position:relative; padding:15px; font-size:13px; line-height:18px; } #overlay-thing .thing-detail .merchant-info .brand a {display: block; padding: 5px 0 5px 58px; margin-right: 90px; } #overlay-thing .thing-detail .merchant-info .brand img {position:absolute; top:15px; left:15px; width:46px; height:46px; border-radius:3px; background-position:50% 50%; background-size:cover; } #overlay-thing .thing-detail .merchant-info .brand .btns-gray-embo {position:absolute; right:15px; top:22px; } #overlay-thing .thing-detail .merchant-info .brand p {padding:13px 0 0; } #overlay-thing .thing-detail .more_merchant ul.after {clear: both; white-space: nowrap; padding: 15px 15px 15px 13px; } #overlay-thing .thing-detail .more_merchant ul.after li {display:inline-block; vertical-align:top; margin-left:3px; } #overlay-thing .thing-detail .more_merchant ul.after img {display:block; width:86px; height:86px; box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1); background-position:50% 50%; background-size:cover; } #overlay-thing .thing-detail .other-thing {position:relative; clear: both; } #overlay-thing .thing-detail .other-thing .inner .fancy-suggestions {clear:both; border: 0; width: 100%; background-position: 0 0; text-align: left; min-height:585px; } #overlay-thing .thing-detail .other-thing .inner .fancy-suggestions > li {float: left; position: relative; z-index:0; border-radius: 3px; margin: 0 0 18px 18px; background: none; padding: 0 0 1px 0; width: 229px; } #overlay-thing .thing-detail .other-thing .inner .fancy-suggestions > li.active {z-index:1; } #overlay-thing .thing-detail .other-thing .inner .fancy-suggestions > li:nth-child(4n+1) {clear:both; margin-left:0; } #overlay-thing .thing-detail .other-thing .figure-item {box-shadow:none; background: #fff; } #overlay-thing .thing-detail .other-thing .figure-item figure .figure.grid {display:block; height: 229px; width:100%; } #overlay-thing .thing-detail .other-thing .figure-item figcaption .figure-detail .username:nth-child(2):before {display:none; } #overlay-thing .thing-detail .other-thing .figure-item figure,#overlay-thing .thing-detail .other-thing .figure-item figure .figure {border-radius:3px 3px 0 0; } #overlay-thing .thing-detail .other-thing .figure-item figcaption .price.sales .before {color:#373d48; } #overlay-thing .thing-detail .other-thing .figure-item .delete {position: absolute; width: 10px; height: 9px; right: 12px; text-indent: -1000em; top: 15px; background-position: -130px -120px; opacity: 0; } #overlay-thing .thing-detail .other-thing .similar .figure-item .delete {display:none; } #overlay-thing .thing-detail .other-thing .figure-item:hover .delete {opacity: 0.5; } #overlay-thing .thing-detail .other-thing .figure-item:hover .delete:hover {opacity: 1; } #overlay-thing .thing-detail .other-thing .figure-item figure .back {z-index:1; display:block; background-color: rgba(0, 0, 0, 0.15); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; box-shadow: none; opacity: 0; border-radius: 0; } #overlay-thing .thing-detail .other-thing .figure-item figure .figure {height: 224px; margin: 0; background-position: 50% 50%; background-size: cover; } #overlay-thing .thing-detail .other-thing .figure-item figcaption {position: relative; padding: 9px 11px 10px; height: 34px; line-height: 17px; background: none; bottom: 0; width: auto; } #overlay-thing .thing-detail .other-thing .figure-item figcaption .percentage {float:none; padding:0; display:inline-block; vertical-align:middle; line-height: 17px; color: #8a8f9c; } #overlay-thing .thing-detail .other-thing .figure-item figcaption .percentage:nth-child(2):before {content:'ยท'; margin-right:4px; } #overlay-thing .thing-detail .other-thing .figure-item figcaption .title {text-overflow:clip; margin: 0; width: auto; } #overlay-thing .thing-detail .other-thing .figure-item figcaption .title:after {content: ''; position: absolute; top: 0; right: 0; width: 30%; height: 100%; background: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0) 60%, white 90%); background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0) 60%, white 90%); pointer-events: none; border-radius: 0 0 3px 0; } #overlay-thing .thing-detail .other-thing .figure-item figure .figure.vertical {display:none; } #overlay-thing .thing-detail .other-thing .figure-item figcaption .price,#overlay-thing .thing-detail .other-thing .figure-item figcaption .username {margin: 0; padding: 0; line-height: 17px; display: inline; vertical-align: baseline; } #overlay-thing .thing-detail .other-thing .figure-item figcaption .username a {display:inline; vertical-align: baseline; } #overlay-thing .thing-detail .other-thing .figure-item figcaption .daily {margin-top: -2px; padding-top: 3px; } #overlay-thing .thing-detail .other-thing .figure-item figure .left_num {position:absolute; left:0; bottom: 0; width: 100%; text-align: center; padding: 2px 0; top:auto; } #overlay-thing .thing-detail .other-thing .figure-item .buttons {right:8px; } #overlay-thing .thing-detail .other-thing .figure-item figcaption .figure-detail {height:auto; line-height: 17px; margin: 0; width: auto; overflow:hidden; text-overflow:clip; } #overlay-thing .thing-detail .other-thing .figure-item figure .back {border-radius:3px 3px 0 0; background: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; box-shadow: none; opacity: 0; border-radius: 3px 3px 0 0; } #overlay-thing .thing-detail .other-thing .figure-item:hover figure .back {opacity:1; } #overlay-thing .thing-detail .other-thing .figure-item figure .left_num {position:absolute; bottom:0; left:0; width:100%; padding:5px 0; line-height:19px; font-size:12px; text-align:center; background:rgba(0,0,0,0.6); color:#fff; font-weight:bold; top: auto; } #overlay-thing .thing-detail .other-thing .figure-item:hover figcaption .title {color: #494F59; } #overlay-thing .thing-detail .other-thing .figure-item:hover figcaption .username a {color: #8a8f9c; } #overlay-thing .thing-detail .other-thing .figure-item:hover figcaption .username a:hover {color: #484e57; text-decoration: none; } #overlay-thing .thing-detail .other-thing .figure-item:hover figcaption .title:hover {color: #2f343d; text-decoration: none; } #overlay-thing .thing-detail .other-thing .figure-item .btn-edit,#overlay-thing .thing-detail .other-thing .figure-item .buttons button.btn-cart,#overlay-thing .thing-detail .other-thing .figure-item .buttons button.btn-share,#overlay-thing .thing-detail .other-thing .figure-item a.button.fancy,#overlay-thing .thing-detail .other-thing .figure-item a.button.fancyd {background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.01),0 0 0 1px rgba(0,0,0,0.15); font-size:12px; color:#74797d; line-height:29px; border:0; height: auto; margin: 0; border-radius: 2px; transition:none; } #overlay-thing .thing-detail .other-thing .figure-item a.button.fancy,#overlay-thing .thing-detail .other-thing .figure-item a.button.fancyd {top: 9px; left: 9px; padding: 0 9px 0 24px; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); transform: translate(0,0); min-width: 10px; } #overlay-thing .thing-detail .other-thing .figure-item .buttons,#overlay-thing .thing-detail .other-thing .figure-item a.button.fancy,#overlay-thing .thing-detail .other-thing .figure-item a.button.fancyd {opacity:0; transition:none; -webkit-transition:none; -o-transition:none; -moz-transition:none; } #overlay-thing .thing-detail .other-thing .figure-item:hover .buttons,#overlay-thing .thing-detail .other-thing .figure-item:hover a.button.fancy,#overlay-thing .thing-detail .other-thing .figure-item:hover a.button.fancyd,#overlay-thing .thing-detail .other-thing .figure-item.toggled .buttons,#overlay-thing .thing-detail .other-thing .figure-item.toggled a.button.fancy,#overlay-thing .thing-detail .other-thing .figure-item.toggled a.button.fancyd {opacity:1; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; position: absolute; width: auto; } #overlay-thing .thing-detail .other-thing .figure-item .buttons button.btn-cart:hover,#overlay-thing .thing-detail .other-thing .figure-item .buttons button.btn-share:hover,#overlay-thing .thing-detail .other-thing .figure-item a.button.fancy:hover {box-shadow: 0 1px 2px rgba(0,0,0,0.01),0 0 0 1px rgba(0,0,0,0.25); opacity:1; } #overlay-thing .thing-detail .other-thing .figure-item .buttons button.btn-cart:active,#overlay-thing .thing-detail .other-thing .figure-item .buttons button.btn-share:active,#overlay-thing .thing-detail .other-thing .figure-item a.button.fancy:active {background: #fafafa; background-image: -o-linear-gradient(top, #ffffff 0%, #fafafa 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #fafafa 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 100%); background-image: -ms-linear-gradient(top, #ffffff 0%, #fafafa 100%); background-image: linear-gradient(to top, #ffffff 0%, #fafafa 100%); } #overlay-thing .thing-detail .other-thing .figure-item a.button.fancy:hover {color: #616569; } #overlay-thing .thing-detail .other-thing .figure-item a.button.fancy span,#overlay-thing .thing-detail .other-thing .figure-item a.button.fancyd span {left: 9px; width: 9px; height: 17px; top: 7px; margin: 0; vertical-align: middle; line-height: 1em; background: none; border: 0; } #overlay-thing .thing-detail .other-thing .figure-item a.button.fancy i {display: block; width: 9px; height: 16px; vertical-align: middle; background-position: 0 0; opacity: 0.9; margin: 0; } #overlay-thing .thing-detail .other-thing .figure-item a.button.fancyd {color: #4787C5; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.01),0 0 0 1px rgba(0,0,0,0.15); } #overlay-thing .thing-detail .other-thing .figure-item a.button.fancyd:hover {background:#fff; color:#4787C5; } #overlay-thing .thing-detail .other-thing .figure-item a.button.fancyd:active {background:#fff; color:#4787C5; } #overlay-thing .thing-detail .other-thing .figure-item a.button.fancyd i {opacity: 0.95; display: block; width: 9px; height: 16px; margin:0; background-position: 0 -20px; vertical-align: middle; } #overlay-thing .thing-detail .other-thing .figure-item .show_cart .btn-cart.soldout {border-color:rgba(144, 153, 166, 0.3); color:#9099a6; } #overlay-thing .thing-detail .other-thing .figure-item .show_cart .btn-cart.soldout:hover {border-color:rgba(144, 153, 166, 0.5); color:#9099a6; } #overlay-thing .thing-detail .other-thing .figure-item .buttons button.btn-cart.soldout {border-color:rgba(144, 153, 166, 0.3); color:#9099a6; } #overlay-thing .thing-detail .other-thing .figure-item .buttons button.btn-cart.soldout:hover {border-color:rgba(144, 153, 166, 0.5); color:#9099a6; } #overlay-thing .thing-detail .other-thing .figure-item .buttons button.btn-cart {width: 44px; margin-right: 2px; } #overlay-thing .thing-detail .other-thing .figure-item .buttons button.btn-cart .icon {width: 28px; height: 14px; background-position: -10px 0; vertical-align: middle; top: 1px; left: 1px; position: relative; opacity:0.9; } #overlay-thing .thing-detail .other-thing .figure-item .buttons button.btn-share {width: 29px; margin-left: 4px; } #overlay-thing .thing-detail .other-thing .figure-item .buttons button.btn-share .icon {width: 15px; height: 10px; background-position: -9px -20px; vertical-align: middle; position: relative; top: 0px; opacity:0.9; } #overlay-thing .thing-detail .other-thing .figure-item a.button.fancy.loading i,#overlay-thing .thing-detail .other-thing .figure-item a.button.fancyd.loading i {width: 14px; height: 14px; margin: 0 4px 0 -4px; } #overlay-thing .thing-detail .other-thing .figure-item .buttons button.btn-cart:hover .icon,#overlay-thing .thing-detail .other-thing .figure-item .buttons button.btn-share:hover .icon,#overlay-thing .thing-detail .other-thing .figure-item a.button.fancy:hover i {opacity: 1; } #overlay-thing .thing-detail .other-thing .tabs {padding: 37px 0 26px; width:970px; margin:0 auto; color:#898d94; font-size:15px; } #overlay-thing .thing-detail .other-thing .tabs li {float:left; margin-right: 28px; font-weight: bold; } #overlay-thing .thing-detail .other-thing .tabs a {color:#898d94; opacity:0.7; } #overlay-thing .thing-detail .other-thing .tabs a:hover {text-decoration:none; } #overlay-thing .thing-detail .other-thing .tabs a.current {color:#5b626d; opacity:1; } #overlay-thing .thing-detail .other-thing .prev,#overlay-thing .thing-detail .other-thing .next {opacity:0; position:absolute; width:27px; height:85px; top:95px; display: none; } #overlay-thing .thing-detail .other-thing .inner:hover .prev,#overlay-thing .thing-detail .other-thing .inner:hover .next {opacity:1; } #overlay-thing .thing-detail .other-thing .prev.disabled,#overlay-thing .thing-detail .other-thing .next.disabled {opacity:0; visibility: hidden; } #overlay-thing .thing-detail .other-thing .prev {left:0; background-position:-30px 0; } #overlay-thing .thing-detail .other-thing .next {right:0; } #overlay-thing .thing-detail .other-thing .inner {position:relative; width:970px; margin:0 auto; opacity:1; -webkit-animation: show_list 0.22s ease-in-out; animation: show_list 0.22s ease-in-out; } #overlay-thing .thing-detail .other-thing .figure-item {padding: 0; width: 229px; border-radius: 3px; } #overlay-thing .thing-detail .other-thing .merchant .figure-item figcaption .username {display:inline-block; margin-top:-2px; vertical-align:middle; } #overlay-thing .thing-detail .thing-more a.tit {position:relative; display:block; font-size:14px; color:#383d48; line-height:18px; padding:16px 15px; height: 36px; white-space:nowrap; margin: 0; } #overlay-thing .thing-detail .thing-more a.tit small {display:block; color:#8a8f9c; font-size:12px; } #overlay-thing .thing-detail .thing-more a.tit:after {content:''; position:absolute; width:8px; height:14px; background-position:-60px 0; right:16px; top:50%; margin-top:-7px; opacity:0.5; } #overlay-thing .thing-detail .thing-more a.tit:hover {text-decoration:none; } #overlay-thing .thing-detail .thing-more a.tit b {position:relative; display:block; overflow: hidden; text-overflow: clip; } #overlay-thing .thing-detail .thing-more a.tit b:after {content:''; display:block; position:absolute; top:0; right:0; width:60px; background: -webkit-linear-gradient(left,rgba(255,255,255,0),#FFFFFF); background: -ms-linear-gradient(left,rgba(255,255,255,0),#FFFFFF); background: -moz-linear-gradient(left,rgba(255,255,255,0),#FFFFFF); background: -o-linear-gradient(left,rgba(255,255,255,0),#FFFFFF); height: 100%; } #overlay-thing .thing-detail .thing-more {overflow:hidden; margin-top:18px; } #overlay-thing .thing-detail .content .thing-more.wrapper.in {width: 315px; } #overlay-thing .thing-detail .thing-more.in b {display:inline; position:static; } #overlay-thing .thing-detail .thing-more.added-info .follow, #overlay-thing .thing-detail .thing-more.added-info .following {position:absolute; right:15px; top:19px; } #overlay-thing .thing-detail .sidebar .thing-more.added-info ul {height: 52px; overflow:hidden; } #overlay-thing .thing-detail .sidebar .thing-more.added-info ul span {width:51px; } #overlay-thing .thing-detail .thing-more.added-info ul.after {height: 67px; overflow: hidden; background-position:0 -428px; } #overlay-thing .thing-detail .thing-more.found li {float:left; margin-left:6px; } #overlay-thing .thing-detail .thing-more.added-info li {float:left; } #overlay-thing .thing-detail .thing-more.added-info li:first-child {margin-left:0; } #overlay-thing .thing-detail .sidebar .thing-more.added-info li img {width: 52px; height: 52px; } #overlay-thing .thing-detail .thing-more.added-info span, #overlay-thing .thing-detail .thing-more.from li span, #overlay-thing .thing-detail .thing-more.added-info li img, #overlay-thing .thing-detail .thing-more.found li img {display: block; width: 74px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05); height: 74px; background-position: 50% 50%; background-size: cover; } #overlay-thing .thing-detail .thing-more.from li span {width:87px; height:87px; } #overlay-thing .thing-detail .thing-more.found li img {width:134px; height:134px; } #overlay-thing .thing-more .thing-more.from ul.after {height:102px; background-position:0 -68px; } #overlay-thing .thing-detail .thing-more.in li:first-child a.tit, #overlay-thing .thing-detail .thing-more.in li:first-child a.tit:before {border-top-left-radius: 3px; border-top-right-radius:3px; } #overlay-thing .thing-detail .thing-more.in li:last-child a.tit, #overlay-thing .thing-detail .thing-more.in li:last-child a.tit:before {border-bottom-left-radius: 3px; border-bottom-right-radius:3px; } #overlay-thing .thing-detail .thing-more.in a.tit:hover {text-decoration: none; background: #FAFAFA; } #overlay-thing .thing-detail .thing-more.in a.tit:hover:after {opacity: 0.9; } #overlay-thing .thing-detail .thing-more.in a.tit {white-space:nowrap; overflow:hidden; } #overlay-thing .thing-detail .thing-more.in a.tit b:after {right:30px; } #overlay-thing .thing-detail .thing-more.in a.tit:hover b:after { background: -webkit-linear-gradient(left,rgba(250,250,250,0),rgba(250,250,250,1)); background: -ms-linear-gradient(left,rgba(250,250,250,0),#FAFAFA); background: -moz-linear-gradient(left,rgba(255,250,250,0),#FAFAFA); background: -o-linear-gradient(left,rgba(250,250,250,0),#FAFAFA); width: 40px; } #overlay-thing .thing-detail .thing-more.in a.tit:hover b:before {background: #FAFAFA; } #overlay-thing .thing-detail .content.thing-more.wrapper.in {float: right; border-radius: 3px; overflow: hidden; } #overlay-thing .thing-detail .thing-more.in li {border-top:1px solid #f0f1f2; } #overlay-thing .thing-detail .thing-more.in li:first-child {border-top:0; } #overlay-thing .thing-detail .quick-shipping .icon {display:inline-block; width:26px; height:14px; background-position:-20px -100px; vertical-align:middle; } #overlay-thing .thing-detail .same-delivery .icon {display:inline-block; width:23px; height:15px; background-position: -100px -120px; vertical-align:middle; margin: -3px 2px 0 0; } #overlay-thing .thing-detail .wand .icon {display:inline-block; width:15px; height:16px; background-position:0 -100px; margin-top:-5px; vertical-align:middle; } #overlay-thing .thing-detail .figure-info .same-delivery .same-day-shipping-pop {font-size:12px; line-height:29px; width:100%; background:rgba(255,255,255,0.15); color:#fff; font-weight:bold; border-radius:3px; margin-top:14px; } #overlay-thing .thing-detail .figure-info .tooltip em {color:#383d48; font-size:13px; font-weight:normal; } #overlay-thing .thing-detail .figure-info .tooltip:hover small {display:block; } #overlay-thing .thing-detail .figure-info .tooltip {display: inline-block; vertical-align: top; padding:0; z-index:2; } #overlay-thing .thing-detail .figure-info .tooltip small {bottom:auto; top:30px; background:rgba(11,15,22,0.9); color:#d0d0d0; line-height:16px; font-size:11px; font-weight:normal; padding:11px; width:160px; left:50%; margin-left:-91px; } #overlay-thing .thing-detail .figure-info .tooltip small strong {color:#ffffff} #overlay-thing .thing-detail .figure-info .tooltip small b {bottom:auto; top:-10px; border-color:transparent; border-bottom-color:rgba(11,15,22,0.9); } #overlay-thing .thing-detail .flagged {margin-top:12px; font-size:12px; } #overlay-thing .thing-detail .flagged a {display:block; padding-bottom:5px; color:#b1b3ba; } #overlay-thing .thing-detail .applepay {margin-top:18px; } #overlay-thing .thing-detail .applepay h3 {position:relative; border-bottom:1px solid #f7f7f8; padding: 10px 10px 10px 74px; font-size:12px; line-height:18px; color:#ab0f15; font-weight:400; } #overlay-thing .thing-detail .applepay h3:before {content:''; position:absolute; top:50%; left: 16px; width: 45px; height:19px; background-position:-100px -130px; margin-top: -10px; } #overlay-thing .thing-detail .applepay p {font-size:11px; line-height:14px; color:#a3a7b0; padding: 7px 12px; padding-right: 0; } #overlay-thing .thing-detail .figure-info .description {padding: 11px 15px 0; color: #8a8f9c; line-height: 18px; } #overlay-thing .thing-detail .figure-info .description p:last-child {padding-bottom:0; } #overlay-thing .thing-detail .app.figure-info .price {color:#5b616d; padding-top:5px; } #overlay-thing .thing-detail .app.figure-info .description p {padding: 0; font-size: 13px; line-height: 18px; } #overlay-thing .thing-detail .app.figure-info .description b {display:block; padding-bottom:7px; } #overlay-thing .thing-detail .app.figure-info .description .available {color:#8a8f9c; } #overlay-thing .thing-detail .giftcard.figure-info .price {color:#5b616d; padding-top:5px; } #overlay-thing .thing-detail .giftcard.figure-info .description {padding: 12px 15px 0; color: #8a8f9c; } #overlay-thing .thing-detail .giftcard.figure-info .description p {padding: 0; font-size: 13px; line-height: 18px; } #overlay-thing .thing-detail .giftcard.figure-info .description b {display:block; padding-bottom:7px; } #overlay-thing .thing-detail .giftcard.figure-info .description .available {color:#8a8f9c; } #overlay-thing .thing-detail .giftcard.figure-info .sale-item-input p {display:block; } #overlay-thing .thing-detail .giftcard.figure-info .sale-item-input .trick-select {width:270px; } #overlay-thing .thing-detail .giftcard.figure-info .sale-item-input input.text {width: 256px; } #overlay-thing .thing-detail .giftcard.figure-info .sale-item-input textarea.text {width: 256px; background: #f8f8f8; box-shadow:none; height: 78px; } #overlay-thing .thing-detail .giftcard.figure-info .sale-item-input input.text:focus, #overlay-thing .thing-detail .giftcard.figure-info .sale-item-input textarea.text:focus {border-color: #ACBDCB !important; box-shadow: 0 0 0 2px rgba(78, 133, 184, 0.17) !important; background-color: #FFF !important; } #overlay-thing .thing-detail .fancybox.figure-info .price big span {font-size: 15px; font-weight: normal; color: #383d48; vertical-align: middle; display: inline-block; padding-bottom: 4px; } #overlay-thing .thing-detail .fancybox.figure-info .sale-item-input p {display:block; } #overlay-thing .thing-detail .fancybox.figure-info .sale-item-input .fancybox-category input {vertical-align:middle; } #overlay-thing .thing-detail .fancybox.figure-info .sale-item-input .fancybox-category label {display:inline-block; vertical-align:middle; width: 117px; font-size:13px; color:#383d48; padding: 3px 0; } #overlay-thing .thing-detail .fancybox.figure-info .sale-item-input .trick-select {width:270px; } #overlay-thing .thing-detail .fancybox.figure-info .sale-item-input input.text {width: 256px; background: #f8f8f8; } #overlay-thing .thing-detail .fancybox.figure-info .sale-item-input textarea.text {width: 256px; background: #f8f8f8; box-shadow:none; height: 78px; } #overlay-thing .thing-detail .fancybox.figure-info .sale-item-input input.text:focus,#overlay-thing .thing-detail .fancybox .figure-info .sale-item-input textarea.text:focus {border-color:#CACCCF !important} #overlay-thing .thing-detail .figure-info .frm dt {position: relative; padding: 11px 12px; line-height: 18px; cursor: pointer; } #overlay-thing .thing-detail .figure-info .frm dt:before {content:''; display:inline-block; } #overlay-thing .thing-detail .figure-info .frm dt:after {content:''; position: absolute; top: 16px; right: 10px; display: block; width: 6px; height: 9px; background-position: -69px -106px; } #overlay-thing .thing-detail .figure-info .frm .on dt:after {top: 18px; right: 10px; width: 9px; height: 6px; background-position: -81px -108px; } #overlay-thing .thing-detail .figure-info .frm dt input {font-weight: bold; vertical-align: middle; margin-top: -3px; width: 150px; cursor: pointer; } #overlay-thing .thing-detail .figure-info .frm dd {display: block; position:relative; height: 0; transition: height 0.15s; -webkit-transition: height 0.15s; -moz-transition: height 0.15s; overflow: hidden; } #overlay-thing .thing-detail .figure-info .frm dl {border-bottom:1px solid #eaeaea; } #overlay-thing .thing-detail .figure-info .frm dl.on dd {height: 73px; border-top: 1px dotted #e3e3e3; } #overlay-thing .thing-detail .figure-info .frm .calendar dt:before {width: 17px; height: 17px; background-position: -68px -63px; vertical-align: middle; margin: -4px 7px 0 0; } #overlay-thing .thing-detail .figure-info .frm .calendar.on dd {height: 296px; } #overlay-thing .thing-detail .figure-info .frm dd .calendar {padding:5px 10px; } #overlay-thing .thing-detail .figure-info .frm .calendar .ui-widget-content {background:none; border:0; padding:0; width: 100%; } #overlay-thing .thing-detail .figure-info .frm .calendar .ui-widget-header {background:none; border:0; border-bottom:1px solid #f4f4f4; padding: 6px 0; line-height: 26px; color: #383d48; font-size: 13px; } #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker .ui-datepicker-prev, #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker .ui-datepicker-next {top: 50%; margin-top: -8px;position:absolute;} #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker .ui-datepicker-prev span, #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker .ui-datepicker-next span {display:block;text-indent:-1000em;width:0;height:0;border:4px solid transparent;} #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker .ui-datepicker-prev {left:0px; } #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker .ui-datepicker-prev span {border-right-color:#b1b2b6} #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker .ui-datepicker-next {right:0px;} #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker .ui-datepicker-next span {border-left-color:#b1b2b6} #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker .ui-widget-header .ui-state-disabled {opacity:0; } #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker .ui-state-disabled span {display: block; line-height: 33px; color: rgb(178, 180, 185); background: #FBFBFB; box-shadow: inset 0 0 0 1px rgba(235,236,237,0.3); padding: 0; font-size: 12px; cursor: default; } #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker th {font-weight:normal; font-size:11px; padding:1px; height: 32px; vertical-align: middle; color:#8a8f9c; opacity:0.8; } #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker td {font-size:12px; padding:1px; vertical-align: middle; width: 32px; font-weight: bold; } #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker td:first-child {padding-left:0; } #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker td:last-child {padding-right:0; } #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker td a,#overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker td span {display:block; line-height: 33px; color:rgba(82,87,97,0.7); background:#f0f1f2; box-shadow:inset 0 0 0 1px rgba(235,236,237,0.3); padding: 0; font-size: 12px; } #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker td a:hover,#overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker td .ui-state-active {background:#4f5e6e; color:#fff; box-shadow:none; } #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker td .ui-state-during:hover,#overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker td .ui-state-during {background:#87929d; box-shadow:2px 0 0 #87929d, -2px 0 0 #87929d; color:#fff; } #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker td:first-child .ui-state-during,#overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker td:first-child .ui-state-during:hover {box-shadow:2px 0 0 #87929d; } #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker td:last-child .ui-state-during,#overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker td:last-child .ui-state-during:hover {box-shadow:-2px 0 0 #87929d; } #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker td.ui-datepicker-other-month span,#overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker td.ui-datepicker-other-month a{color:#dee0e3; background:none; box-shadow:none; } #overlay-thing .thing-detail .figure-info .frm .calendar .ui-datepicker-year {display:none; } #overlay-thing .thing-detail .figure-info .frm .people dt:before {width: 17px; height: 12px; background-position: -47px -92px; vertical-align: middle; margin: -2px 7px 0 0; } #overlay-thing .thing-detail .figure-info .frm .people {border:0; } #overlay-thing .thing-detail .figure-info .frm .people dd:before {content:''; position:absolute; left:50%; top:0; width:1px; height:100%; border-left:1px dotted #e3e3e3; } #overlay-thing .thing-detail .figure-info .frm .people p {float:left; padding: 10px 0; width: 50%; } #overlay-thing .thing-detail .figure-info .frm .people b {display:block; text-align:center; padding-bottom: 5px; opacity: 0.8; font-weight: normal; } #overlay-thing .thing-detail .figure-info .frm .people .trick-select {display:block; width: 70px; margin: 0 auto; } #overlay-thing .thing-detail .figure-info .frm .people dt .trick-select {display:inline-block; width:auto; position:relative; overflow:hidden; vertical-align:middle; margin-top: -2px; line-height: 18px; font-weight: normal; } #overlay-thing .thing-detail .figure-info .frm .people dt .trick-select input {position:absolute; top: 2px; left: 0px; width:100%; height:100%; padding: 0; border: 0; background:none; font-weight: normal; } #overlay-thing .thing-detail .figure-info .frm .people dt .trick-select input:focus {background:none !important; } #overlay-thing .thing-detail .figure-info .frm .people dt .trick-select small {font-size:13px; opacity:0; } #overlay-thing .thing-detail .app-list, #overlay-thing .thing-detail .app-list a.text_link:before {position: absolute; top: 44%; left: 15px; width: 272px; line-height: 48px; z-index: 3; display: none; } #overlay-thing .thing-detail .app-list:before {position:fixed; content:''; top:0; left:0; width:100%; height:100%; background:#303339; opacity:0.1; } #overlay-thing .thing-detail .app-list li {position:relative; border-bottom:1px solid #F5F5F5} #overlay-thing .thing-detail .app-list li:hover {background: #FBFBFB; } #overlay-thing .thing-detail .app-list li:first-child {border-radius:3px 3px 0 0; } #overlay-thing .thing-detail .app-list li:last-child {border-bottom:0; border-radius:0 0 3px 3px; } #overlay-thing .thing-detail .app-list ul {position: relative; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09),0 2px 8px rgba(0,0,0,0.09); border-radius: 3px; } #overlay-thing .thing-detail .app-list ul:before, #overlay-thing .thing-detail .app-list ul:after {content:''; position:absolute; bottom: auto; top:-18px; left:50%; margin-left:-9px; border:9px solid transparent; border-bottom-color:rgba(0,0,0,0.24); bottom: auto; } #overlay-thing .thing-detail .app-list ul:after {border-bottom-color:#fff; border-width:8px; top:-16px; margin-left:-8px; bottom: auto; } #overlay-thing .thing-detail .app-list a {display:block; padding-left:50px; color:#383d48; font-weight:bold; font-size: 12px; } #overlay-thing .thing-detail .app-list a:before {content:''; position:absolute; left:15px; top:50%; width:19px; height:22px; margin-top:-13px; background-position:0 -70px; opacity: 0.3; } #overlay-thing .thing-detail .app-list a.google_play:before { content: ''; position: absolute; left: 15px; top: 50%; width: 19px; height: 22px; margin-top: -11px; background-position: -24px -70px; opacity: 0.3; } #overlay-thing .thing-detail .app-list a:hover:before {opacity:0.5; } #overlay-thing .thing-detail .app-list a.android:before {background-position:-25px -70px; } #overlay-thing .thing-detail .app-list small {color:#8a8f9c; position:absolute; right:15px; top:0; font-weight: normal; } #overlay-thing .thing-detail .app-list a.text_link {position:absolute; top:0; right:0; padding:0 15px; height:100%; opacity:0.2; } #overlay-thing .thing-detail .app-list a.text_link:hover {opacity:0.6; } #overlay-thing .thing-detail .app-list a.text_link:before {content:''; position:static; display:block; width:15px; height:20px; opacity:1; margin-top:15px; background-position:-85px -70px; } #overlay-thing .thing-detail .fancyd-friends h3 {font-size: 12px; float:left; color: #8a8f9c; border:0; line-height:18px; font-weight:normal; padding: 17px 0 17px 14px; } #overlay-thing .thing-detail .fancyd-friends h3 b {display:block; color:#383d48; font-size:14px; } #overlay-thing .thing-detail .fancyd-friends ul {float:right; padding: 16px 21px 16px 0; } #overlay-thing .thing-detail .fancyd-friends li {float:left; margin-right: -8px; z-index:0; position: relative; padding:0; } #overlay-thing .thing-detail .fancyd-friends li:nth-child(1) {z-index:3; } #overlay-thing .thing-detail .fancyd-friends li:nth-child(2) {z-index:2; } #overlay-thing .thing-detail .fancyd-friends li:nth-child(3) {z-index:1; } #overlay-thing .thing-detail .fancyd-friends li a {display:block; width: 34px; height: 34px; position: relative; border-radius:100%; color: #fff; font-size: 11px; font-weight: bold; border: 2px solid #fff; background: #fff; } #overlay-thing .thing-detail .fancyd-friends li a.more {text-align: center; text-indent: -1000em; width: 8px; padding: 0 0 0 17px; } #overlay-thing .thing-detail .fancyd-friends li a.more:after {display:block; width:8px; height:13px; content:''; margin-top: -2px; background-position:-60px 0; opacity:0.5; } #overlay-thing .thing-detail .fancyd-friends li img {display:block; opacity:0.8; width: 34px; height: 34px; border-radius:100%; background:no-repeat 50% 50%; background-size:cover; } #overlay-thing .thing-detail .fancyd-friends li span {opacity: 0; visibility: hidden; position: absolute; bottom:44px; left: 50%; padding: 0px 10px; white-space: nowrap; background: #202429; line-height: 30px; border-radius: 3px; } #overlay-thing .thing-detail .fancyd-friends li span:after {content:''; position:absolute; top:100%; border:6px solid transparent; border-top-color:#202429; margin-left:-6px; left: 50%; } #overlay-thing .thing-detail .fancyd-friends li a:hover span {opacity:1; visibility:visible; } #overlay-thing .thing-detail .fancyd-friends li a:hover img {opacity:1; } #overlay-thing .thing-detail .added-info .follow, #overlay-thing .thing-detail .added-info .following {width:46px; height:30px; text-indent: -1000em; } #overlay-thing .thing-detail .added-info .follow:before, #overlay-thing .thing-detail .added-info .following:before {content:''; position:absolute; width: 25px; height: 12px; top: 50%; left: 50%; background-position:0 -37px; margin: -6px 0 0 -12px; display:block; } #overlay-thing .thing-detail .added-info .follow[disabled]:before,#overlay-thing .thing-detail .added-info .following[disabled]:before {background-position:0 0; } #overlay-thing .thing-detail .added-info .following:before {background-position:0 -74px; } #overlay-thing .thing-detail .added-info .follow[disabled]:before,#overlay-thing .thing-detail .added-info .following[disabled]:before {background-position:0 0; } #overlay-thing .popup.thing-detail {background:none; box-shadow:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: scroll; } #overlay-thing .thing-detail .ly-close,#overlay-thing .thing-detail .popup_next,#overlay-thing .thing-detail .popup_prev {background-color:rgba(255,255,255,0.7);z-index:11; border-radius:3px; box-shadow:0 0 0 1px rgba(0,0,0,0.08),0 1px 1px rgba(0,0,0,0.05); text-indent:-1000em; position: fixed; width:36px; height:53px; top: 50%; margin-top:-26px; } #overlay-thing .thing-detail .ly-close {background-position:10px 10px; top:15px; right:30px; width:35px; height:35px; margin:0; } #overlay-thing .thing-detail .popup_next {right: 30px; background-position:-20px -60px; } #overlay-thing .thing-detail .popup_prev {left: 15px; background-position:10px -60px; } #overlay-thing .thing-detail .ly-close:hover,#overlay-thing .thing-detail .popup_next:hover,#overlay-thing .thing-detail .popup_prev:hover {background-color:rgba(255,255,255,0.9); } #overlay-thing .thing-detail .figure-info.vanity .sale-item-input input { padding: 5px 7px; } #overlay-thing .thing-detail .figure-info.vanity .sale-item-input ._left label { width: 140px; } /* Spec sync overrides */ #overlay-thing .overlay-thing .fn.nickname > span { color: #383d48; } /* migrations */ #overlay-thing a.more,#overlay-thing a.less,#overlay-thing a.prev,#overlay-thing a.next,#overlay-thing a.edit,#overlay-thing a.tit,#overlay-thing .popup_prev,#overlay-thing .popup_next,#overlay-thing .ly-close,#overlay-thing .btn-report-undo,#overlay-thing .btn-inappro,#overlay-thing .btn-translate,#overlay-thing .btn-mention_user,#overlay-thing .report-link,#overlay-thing .vanity .description a,#overlay-thing .remove_new_thing,#overlay-thing .same-day-shipping-pop,#overlay-thing .shipping a,#overlay-thing .more-share-sns a,#overlay-thing .button-static.fancy { cursor: pointer; } /* 'List' text on share button */ #overlay-thing .thing-detail .figure-button .menu-container #more-menu .before-bg-share2.add-list b {display: inline; padding-left: 17px; font-size: 12px; } #overlay-thing .thing-detail .figure-button .menu-container #more-menu .before-bg-share2.share b {display: none; } #overlay-thing .thing-detail .wrapper-content .btns-gray-embo {line-height: 27px; padding: 1px 10px 0; border: 1px solid; border-radius: 3px; color: #5b91c6; } #overlay-thing .thing-detail .wrapper-content .btns-gray-embo:after {display:block; content:''; position:absolute; top:-4px; right: 100%; width: 40px; background: -webkit-linear-gradient(left,rgba(255,255,255,0),#FFFFFF); background: -ms-linear-gradient(left,rgba(255,255,255,0),#FFFFFF); background: -moz-linear-gradient(left,rgba(255,255,255,0),#FFFFFF); background: -o-linear-gradient(left,rgba(255,255,255,0),#FFFFFF); height: 100%; margin-right:1px; padding:4px 0; } #overlay-thing .thing-detail .wrapper-content .btns-gray-embo.following {filter: none; background: #588FC8; border-color: #396C9D; box-shadow: none; text-shadow: 0 -1px 0 #457BAC; color: #FFF; } #overlay-thing .thing-detail .wrapper-content .btns-gray-embo.follow {border-color: rgba(71, 135, 197, 0.4); background: #fff; box-shadow: none; } #overlay-thing .thing-detail .wrapper-content .btns-gray-embo.follow:hover, #overlay-thing .thing-detail .wrapper-content .btns-gray-embo.follow:active {text-decoration: none; border-color: rgba(71, 135, 197, 0.6); } /* TODO: render perf? */ #overlay-thing a[href^="/things/"] {cursor: pointer; } #overlay-thing .thing-detail .figure-button .left-sided.has-arrow:before,#overlay-thing .thing-detail .figure-button .left-sided.has-arrow:after {right: 70px; } #overlay-thing #show-addlist .new-list .btn-create {margin-top: 0; } /* You may also fancy overrides */ #overlay-thing .figure-item figure a.thing-url { display: inline; } #overlay-thing .figure-item figure a .figure { display: none; } #overlay-thing .other-thing .figure-item > figure { height: 229px; } #overlay-thing .figure-item .buttons {right: 8px; position: absolute; top: 10px; transition: opacity 0.2s ease; display: block; opacity: 1; z-index: 3; bottom: auto; padding: 0; width: auto; left: auto; border-top: 0; } #overlay-thing .figure-item .buttons.no-cart {width: 76px; } #overlay-thing .figure-item .buttons button.btn-share {line-height: 29px; width: 28px; opacity: 1; display: inline-block; padding: 0; } #overlay-thing .figure-item .buttons .show_cart { opacity: 1; } #overlay-thing .figure-item .buttons .btn-cart { opacity: 1; } #overlay-thing .thing-detail .figure-info .price big small a.currently-usd { color: #4978b3; cursor: pointer; } #overlay-thing .thing-detail .figure-info .price big small a { color: #383d48; cursor: text; } #overlay-thing .figure-item .show_cart .sale-item-input .frm:after {display: none; } #overlay-thing .figure-item .show_cart .sale-item-input .frm:before {display: none; } #overlay-thing .menu-container .has-arrow {z-index: 1; margin:0; left:auto; right:-42px; } #overlay-thing .menu-container #more-menu , #overlay-thing .more-share-popup { z-index:1; } #overlay-thing .menu-container #more-menu.bot, #overlay-thing .more-share-popup.bot { top: 50px; } #overlay-thing .fancy-suggestions .has-arrow:after,#overlay-thing .fancy-suggestions .has-arrow:before {right: 45px; left: auto; margin: 0; } #overlay-thing .fancy-suggestions .figure-item:hover ~ #show-share,#overlay-thing .fancy-suggestions .figure-item.toggled ~ #show-share {opacity: 1; } #overlay-thing .thing-more a.ask {display:block; font-weight:bold; border-top:1px solid #f1f1f2; line-height:40px; text-align:center; font-size: 12px; } #overlay-thing .thing-more .follow,#overlay-thing .thing-more .following {position:absolute; right:15px; top:19px; width:auto; } #overlay-thing .thing-detail .follow,#overlay-thing .thing-detail .following {/* width: 47px; */height: 30px; /* text-indent: -1000em; */line-height: 28px; } #overlay-thing .thing-detail .follow:before,#overlay-thing .thing-detail .following:before {content:''; position:absolute; width: 25px; height: 12px; top: 50%; left: 50%; margin: -6px 0 0 -12px; background-position:0 -74px; display: none; } #overlay-thing .thing-detail .follow:before {background-position:0 -37px; } #overlay-thing .thing-detail .following[disabled]:before {background-position:0 0; } #overlay-thing .thing-detail .follow[data-store]:before, #overlay-thing .thing-detail .following[data-store]:before, #overlay-thing .thing-detail .merchant-info .follow:before, #overlay-thing .thing-detail .merchant-info .following:before {width: 28px; height: 14px; margin: -6px 0 0 -14px; } #overlay-thing .thing-detail .follow[data-store]:before, #overlay-thing .thing-detail .merchant-info .follow:before {background-position: 0 -20px; opacity: 0.8; } #overlay-thing .thing-detail .follow[data-store]:hover:before, #overlay-thing .thing-detail .merchant-info .follow:hover:before {opacity:1; } #overlay-thing .thing-detail .following[data-store]:before, #overlay-thing .thing-detail .merchant-info .following:before {background-position:0 -55px; margin: -6px 0 0 -15px; } #overlay-thing .thing-more {position:relative; } #overlay-thing .thing-more.loading {width:303px; height:137px; overflow:hidden; text-align: left; border: 0; } #overlay-thing .thing-more.loading:after {content:''; position:absolute; top:0; left:0; z-index:3; width:100%; height:100%; background-position:0 -220px; visibility: visible; } #overlay-thing .thing-more a.tit img {position: absolute; width: 40px; height: 40px; border-radius: 100%; left: 15px; top: 50%; margin-top: -20px; background: no-repeat 50% 50%; background-size: cover; } #overlay-thing .thing-more a.tit {position: relative; display: block; font-size: 14px; color: #383d48; line-height: 18px; padding: 16px 15px 16px 65px; white-space: nowrap; text-overflow: clip; overflow: hidden; border-radius: 0 4px 0 0; } #overlay-thing .thing-more a.tit small {display:block; color:#8a8f9c; font-size:12px; } #overlay-thing .thing-more a.tit:after {content:''; position:absolute; width:8px; height:14px; background-position:-60px 0; right:16px; top:50%; margin-top:-7px; opacity:0.5; } #overlay-thing .thing-more a.tit:hover {text-decoration:none; } #overlay-thing .thing-more a.tit b {display:block; overflow: hidden; text-overflow: clip; } #overlay-thing .thing-more a.tit b:after {content:''; position:absolute; top:0; right:0; width:60px; background: -webkit-linear-gradient(left,rgba(255,255,255,0),#FFFFFF); background: -ms-linear-gradient(left,rgba(255,255,255,0),#FFFFFF); background: -moz-linear-gradient(left,rgba(255,255,255,0),#FFFFFF); background: -o-linear-gradient(left,rgba(255,255,255,0),#FFFFFF); height: 100%; } #overlay-thing .thing-more ul.after {padding:0 15px; overflow:hidden; margin: 0; border-radius:0 0 3px 3px; } #overlay-thing .thing-more.from ul.after {background-position: 0 -68px; } #overlay-thing .thing-more li {float:left; padding: 0 0 15px 3px; margin: 0; } #overlay-thing .thing-more li:first-of-type {padding-left:0; } #overlay-thing .thing-more li img {display: block; width: 74px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05); height: 74px; background-position: 50% 50%; background-size: cover; } #overlay-thing .thing-more li span {display: block; width: 87px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05); height: 87px; background-position: 50% 50%; background-size: cover; ; } #overlay-thing .thing-more .follow,#overlay-thing .thing-more .following {position:absolute; right:15px; top:19px; margin: 0; } #overlay-thing .thing-more a.ask {display:block; font-weight:bold; border-top:1px solid #f1f1f2; line-height:40px; text-align:center; font-size: 12px; } /* found in */ #overlay-thing .found.thing-more a.tit {padding-left:15px; } #overlay-thing .found.thing-more a.tit:after {display:none; } #overlay-thing .found.thing-more img {width:134px; height:134px; } #overlay-thing .found.thing-more li:first-of-type {margin-right: 2px; } /* Sidebar added by */ #overlay-thing .thing-more.from a.tit img {background:url("../../images/common/placeholder_shop2.534955b25bc5.png") no-repeat 50% 50%; background-size:cover; } #overlay-thing .thing-more.in li {float:none; padding:0; border-top:1px solid #f0f1f2} #overlay-thing .thing-more.in li:first-of-type {border-top:0; } #overlay-thing .thing-more.in a.tit {padding-left:15px; padding-right:40px; } #overlay-thing .thing-more.in a.tit:before {content:''; position:absolute; top:0; right:0; width:40px; height:100%; background:#fff; box-shadow: -5px 0 20px #fff; } #overlay-thing .thing-more.in a.tit:hover {background: #FAFAFA; } #overlay-thing .thing-more.in a.tit:hover:before {background:#FAFAFA; box-shadow: -5px 0 20px #FAFAFA; } #overlay-thing .thing-more.in a.tit b:before {display:none; } #overlay-thing .thing-more.in a.tit b {display:inline; } #overlay-thing .thing-more.in {overflow:hidden; } #overlay-thing .thing-more.from a.tit, #overlay-thing .thing-detail .thing-more.added-info a.tit {padding-left: 65px; padding-right: 70px; } #overlay-thing .thing-more.from a.tit {padding-right:120px; } #overlay-thing .thing-more.from a.tit b:after, #overlay-thing .thing-detail .thing-more.added-info a.tit b:after {display: block; content:''; position:absolute; top:0; right: 0; width:60px; background: -webkit-linear-gradient(left,rgba(255,255,255,0),#FFFFFF); background: -ms-linear-gradient(left,rgba(255,255,255,0),#FFFFFF); background: -moz-linear-gradient(left,rgba(255,255,255,0),#FFFFFF); background: -o-linear-gradient(left,rgba(255,255,255,0),#FFFFFF); height: 100%; } #overlay-thing .thing-more.from a.tit img, #overlay-thing .thing-detail .thing-more.added-info a.tit img {width: 40px; height: 40px; left: 15px; margin-top: -20px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1); border-radius: 3px; } #overlay-thing .thing-more.from.loading {height:221px; } #overlay-thing .thing-more.from.loading b {background:none; padding-left:0; } #overlay-thing .thing-more.from.loading:after {background-position:0 0; } #overlay-thing .thing-more.added-info.loading {height:135px; } #overlay-thing .thing-more.added-info.loading:after {background-position:0 -360px; } #overlay-thing .thing-detail .thing-more.added-info a.tit img {border-radius:100%; } #overlay-thing .thing-more.from li {padding-left: 6px; } #overlay-thing .thing-more.from li:first-of-type {padding-left:0; } #overlay-thing #sidebar .thing-more.added-info ul.after {height:67px; } #overlay-thing #sidebar .thing-more.added-info li img {width:52px; height:52px; } #overlay-thing #more-share-send .lists li {margin: 0; float: none; } #overlay-thing .figure-item .figure {border-radius: 0; opacity: 1; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } #overlay-thing #show-share .textbox {display:block; } #overlay-thing #show-share .textbox.sp1 {display:block !important; } #overlay-thing .hotel-description {margin-top: 18px; } #overlay-thing .hotel-description .description.show {max-height:380px; overflow:auto; padding:0 15px; margin:15px 0; } #overlay-thing .hotel-description .description.show .more {display:none; } #overlay-thing .hotel-description .description {position:relative; font-size:13px; line-height:19px; color:#383d48; max-height: 160px; overflow: hidden; padding: 0 15px 15px; margin:15px 0 0; } #overlay-thing .hotel-description .description p {font-size:13px; line-height:19px; color:#383d48; padding-bottom:19px; } #overlay-thing .hotel-description .description .more {text-align: center; line-height: 26px; position: absolute; bottom: 0; left: 0; width: 100%; height: 28px; background: #fff; } #overlay-thing .hotel-description .description .more:before {content: ''; position: absolute; bottom: 100%; margin-bottom: -2px; width: 100%; height: 60px; left: 0; background: -webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1)); background: -ms-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1)); background: -moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1)); background: -o-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1)); } #overlay-thing .hotel-description .description .more span {display:inline-block; width:4px; height:4px; text-indent:-1000em; vertical-align:middle; position:relative; background:#bfc2c5; border-radius:100%; } #overlay-thing .hotel-description .description .more span:before,#overlay-thing .hotel-description .description .more span:after {content:''; position:absolute; width:4px; height:4px; text-indent:-1000em; background:#bfc2c5; border-radius:100%; left: -8px; } #overlay-thing .hotel-description .description .more span:after {left:auto; right:-8px; } #overlay-thing .thing-detail .figure-info.hotel .frm dt:before {background:url("../../images/normal/things.21455d7f30cc.png") no-repeat; background-size:100px 200px; } #overlay-thing .thing-detail .figure-info.hotel .price {color:#5b616d; padding: 5px 15px 8px 15px; } #overlay-thing .thing-detail .figure-info.hotel .price big {font-weight:normal; display:block; color:#383d48; font-size:13px; padding: 9px 0 0; } #overlay-thing .thing-detail .figure-info.hotel .price big b {font-size:20px; } #overlay-thing .thing-detail .figure-info.hotel .frm fieldset {border:1px solid #eaeaea; border-radius:3px; margin-bottom:15px; } #overlay-thing .thing-detail .figure-info.hotel .frm dt {position: relative; padding: 11px 12px; line-height: 18px; cursor: pointer; } #overlay-thing .thing-detail .figure-info.hotel .frm dt:before {content:''; display:inline-block; } #overlay-thing .thing-detail .figure-info.hotel .frm dt:after {content:''; position: absolute; top: 16px; right: 10px; display: block; width: 6px; height: 9px; background-position: -69px -106px; } #overlay-thing .thing-detail .figure-info.hotel .frm dt input {font-weight: bold; vertical-align: middle; margin-top: -3px; width: 150px; cursor: pointer; } #overlay-thing .thing-detail .figure-info.hotel .frm dd {display: block; position:relative; height: 0; transition: height 0.15s; -webkit-transition: height 0.15s; -moz-transition: height 0.15s; overflow: hidden; } #overlay-thing .thing-detail .figure-info.hotel .frm dd .calendar {padding:5px 10px; } #overlay-thing .thing-detail .figure-info.hotel .frm dl {border-bottom:1px solid #eaeaea; } #overlay-thing .thing-detail .figure-info.hotel .frm dl.on dd {height: 73px; border-top: 1px dotted #e3e3e3; } #overlay-thing .thing-detail .figure-info.hotel .frm dl.on dt:after {top: 18px; right: 10px; width: 9px; height: 6px; background-position: -81px -108px; } #overlay-thing .thing-detail .figure-info.hotel .frm .calendar dt:before {width: 17px; height: 17px; background-position: -68px -63px; vertical-align: middle; margin: -4px 7px 0 0; } #overlay-thing .thing-detail .figure-info.hotel .frm .calendar.on dd {height: 296px; } #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-widget-content {background:none; border:0; padding:0; width: 100%; } #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-widget-header {position:relative;text-align:center;background:none; border:0; border-bottom:1px solid #f4f4f4; padding: 6px 0; line-height: 26px; color: #383d48; font-size: 13px; } #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker .ui-widget-header .ui-state-disabled {opacity:0; } #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker .ui-state-disabled span {display: block; line-height: 33px; color: rgb(178, 180, 185); background: #FBFBFB; box-shadow: inset 0 0 0 1px rgba(235,236,237,0.3); padding: 0; font-size: 12px; cursor: default; } #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker th {font-weight:normal; font-size:11px; padding:1px; height: 32px; vertical-align: middle; color:#8a8f9c; opacity:0.8; } #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker td {font-size:12px; padding:1px; vertical-align: middle; width: 32px; font-weight: bold; } #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker td:first-child {padding-left:0; } #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker td:last-child {padding-right:0; } #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker td a, #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker td span {display:block; line-height: 33px; color:rgba(82,87,97,0.7);text-align:center;background:#f0f1f2; box-shadow:inset 0 0 0 1px rgba(235,236,237,0.3); padding: 0; font-size: 12px; width: auto; } #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker td a:hover, #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker td .ui-state-active {background:#4f5e6e; color:#fff; box-shadow:none; } #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker td .ui-state-during:hover, #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker td .ui-state-during {background:#87929d; box-shadow:2px 0 0 #87929d, -2px 0 0 #87929d; color:#fff; } #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker td:first-child .ui-state-during, #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker td:first-child .ui-state-during:hover {box-shadow:2px 0 0 #87929d; } #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker td:last-child .ui-state-during, #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker td:last-child .ui-state-during:hover {box-shadow:-2px 0 0 #87929d; } #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker td.ui-datepicker-other-month span, #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker td.ui-datepicker-other-month a{color:#dee0e3; background:none; box-shadow:none; } #overlay-thing .thing-detail .figure-info.hotel .frm .calendar .ui-datepicker-year {display:none; } #overlay-thing .thing-detail .figure-info.hotel .frm .people dt:before {width: 17px; height: 12px; background-position: -47px -92px; vertical-align: middle; margin: -2px 7px 0 0; } #overlay-thing .thing-detail .figure-info.hotel .frm .people {border:0; } #overlay-thing .thing-detail .figure-info.hotel .frm .people dd:before {content:''; position:absolute; left:50%; top:0; width:1px; height:100%; border-left:1px dotted #e3e3e3; } #overlay-thing .thing-detail .figure-info.hotel .frm .people p {float:left; padding: 10px 0; width: 50%; } #overlay-thing .thing-detail .figure-info.hotel .frm .people b {display:block; text-align:center; padding-bottom: 5px; opacity: 0.8; font-weight: normal; } #overlay-thing .thing-detail .figure-info.hotel .frm .people .trick-select {display:block; width: 70px; margin: 0 auto; } #overlay-thing .thing-detail .figure-info.hotel .frm .people dt .trick-select {display:inline-block; width:auto; position:relative; overflow:hidden; vertical-align:middle; margin-top: -2px; line-height: 18px; font-weight: normal; } #overlay-thing .thing-detail .figure-info.hotel .frm .people dt .trick-select input {position:absolute; top: 2px; left: 0px; width:100%; height:100%; padding: 0; border: 0; background:none; font-weight: normal; } #overlay-thing .thing-detail .figure-info.hotel .frm .people dt .trick-select input:focus {background:none !important; } #overlay-thing .thing-detail .figure-info.hotel .frm .people dt .trick-select small {font-size:13px; opacity:0; } #overlay-thing .thing-detail .figure-info.hotel .frm dt input { padding-left: 4px; } #overlay-thing .thing-detail .figure-info.hotel .frm > button {width: 274px; margin-bottom: 15px; font-size: 14px; line-height: 35px; height: auto; } #overlay-thing .thing-detail .giftcard.figure-info .frm > button {width: 274px; margin-bottom: 15px; font-size: 14px; line-height: 35px; height: auto; } #overlay-thing .thing-detail .loading { line-height: normal; border-top: 0; } #overlay-thing .figure-info .rating {padding: 8px 15px 0; font-size: 12px; color: #4978b3; } #overlay-thing .figure-info .rating .value {position:relative; z-index:1; display:inline-block; vertical-align:middle; width:76px; height: 15px; margin: 6px 2px 10px 10px; background-position: 0 -40px; } #overlay-thing .figure-info .rating .value small {display:block; height: 100%; background-position: 0 -25px; } #overlay-thing .thing-detail .wrapper.fancyd-friends {margin-top: 18px; z-index: 1; } #overlay-thing .figure-section .figure-item > figure .video_player {height:auto; } #overlay-thing .thing-detail .customer-review { margin-top: 18px; } #overlay-thing .thing-detail .figure-button .buttons .count .button-static {font-weight: bold; min-width: 0; border-radius: 3px; color: #606A75; opacity: 0.9; line-height: 28px; border: 1px solid rgba(195, 194, 196, 0.45); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); float: none; padding: 0 9px 0 27px; box-shadow: none; background: none; display: inline-block; } #overlay-thing .thing-detail .figure-button .buttons .count .button-static span {top: 6px; left: 9px; } #overlay-thing .thing-detail .figure-button .buttons .menu-container .btn-more {display: none; border: 0; box-shadow: none; background: none; opacity: 0.6; line-height: 28px; padding: 0 9px; right: 4px; top: 2px; position: relative; } #overlay-thing .thing-detail .figure-button .buttons .menu-container #more-menu { position: static; width: auto; animation: inherit; -moz-animation: inherit; -webkit-animation: inherit; } #overlay-thing .thing-detail .figure-button .buttons .menu-container #more-menu > .before-bg-share2 {float: left; width: 50%; border: 0; background: none; padding: 8px 8px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; border-radius: 0; box-shadow: none; margin: 0; text-align: center; height: auto; text-indent: 0; line-height: 23px; } #overlay-thing .thing-detail .figure-button .buttons .menu-container #more-menu > .before-bg-share2 small {display: none; font-weight: normal; } #overlay-thing .thing-detail .figure-button .buttons .menu-container #more-menu > .share {box-shadow: inset -1px 0 0 #f7f7f8; } #overlay-thing .thing-detail .figure-button .buttons .menu-container #more-menu > .before-bg-share2:before {position: static; display: inline-block; vertical-align: middle; height: 10px; margin: -1px 7px 0 0; opacity: 0.7; } #overlay-thing .thing-detail .figure-button .buttons .menu-container #more-menu > .share:before {background-position: -170px -130px; } #overlay-thing .thing-detail .figure-button .buttons .menu-container #more-menu > .add-list:before {background-position: -190px -130px; } #overlay-thing .thing-detail .figure-button .buttons .menu-container #more-menu > .before-bg-share2 b {display: inline; padding: 0; vertical-align: middle; } #overlay-thing .thing-detail .figure-button .buttons .has-arrow::before, #overlay-thing .thing-detail .figure-button .buttons .has-arrow::after {display:block; right: auto; left: 50%; } #overlay-thing .thing-detail .figure-button .buttons #show-addlist.has-arrow::before, #overlay-thing .thing-detail .figure-button .buttons #show-addlist.has-arrow::after {left: 75%; } #overlay-thing .thing-detail .figure-button .buttons #show-share.has-arrow::before, #overlay-thing .thing-detail .figure-button .buttons #show-share.has-arrow::after {left: 25%; } #overlay-thing .thing-detail .figure-button .buttons .menu-container.opened #more-menu {visibility:visible; opacity:1; } #overlay-thing .thing-detail .figure-button .buttons .btn-more {display:block; opacity:.3; -webkit-transition:opacity .2s; -moz-transition:opacity .2s; -ms-transition:opacity .2s; transition:opacity .2s; cursor:pointer} #overlay-thing .thing-detail .figure-button .buttons .btn-more:before {content: ''; display: inline-block; width: 13px; height: 3px; background-position: -35px -35px; vertical-align: middle; top: -1px; position: relative; } #overlay-thing .thing-detail .figure-button .buttons .count .button-static.fancyd {border-color: rgba(71,135,197,0.3); color: #4787c5; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user {z-index:0; position: relative; display: inline-block; vertical-align: middle; transform: scale(1) translateX(0); -webkit-transform: scale(1) translateX(0); -webkit-transform-origin: 0 50%; height: 30px; margin: -2px 0 0 14px; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user:before {content: ''; position: absolute; top: 0; right: 100%; width: 100px; height: 100%; background: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0) 60%, white 90%); background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0) 60%, white 90%); pointer-events: none; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .count {float:left; font-size:11px; text-align:center; color:#abafb5; background:#ebeced; line-height: 20px; min-width: 12px; padding:0 4px; border-radius: 12px; border: 2px solid #fff; font-weight:bold; margin-left: -6px; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user:hover {text-decoration:none; } .buttons .fancyd_user { transition: opacity .15s ease-in-out; } .buttons .fancyd_user:hover {opacity:0.6; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user {float: left; border-radius:100%; background:#fff; position: relative; padding: 0; border: 0; margin: 0; text-shadow: none; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user:nth-child(1) {z-index:20; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user:nth-child(2) {z-index:19; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user:nth-child(3) {z-index:18; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user:nth-child(4) {z-index:17; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user:nth-child(5) {z-index:16; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user:nth-child(6) {z-index:15; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user:nth-child(7) {z-index:14; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user:nth-child(8) {z-index:13; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user:nth-child(9) {z-index:12; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user:nth-child(10) {z-index:11; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user:nth-child(11) {z-index:10} #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user:nth-child(12) {z-index:9; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user:nth-child(13) {z-index:8; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user:nth-child(14) {z-index:7; } #overlay-thing .thing-detail .figure-button:not(.action-button-v2) .buttons .fancyd_user .user:nth-child(7), #overlay-thing .thing-detail .figure-button:not(.action-button-v2) .buttons .fancyd_user .user:nth-child(8), #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user:nth-child(9), #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user:nth-child(10) {display:none; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user em {position:absolute; bottom: 37px; border-radius:3px; left:50%; background:#272c31; padding:0 8px; line-height:28px; font-size:11px; color:#fff; white-space:nowrap; display:none; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user em small {font-size:1em; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user em:before {content:''; position:absolute; top:100%; border:4px solid transparent; border-top-color:#272c31; left:50%; margin-left:-4px; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user img {border-radius:100%; width: 26px; height: 26px; display: block; background:no-repeat 50% 50%; background-size:cover; border:2px solid #fff; vertical-align:top; margin-left: -6px; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .count {line-height: 26px; min-width: 14px; padding: 0px 6px; border-radius: 15px; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user.add {margin-right: -8px; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user.add, #overlay-thing .thing-detail .figure-button .buttons .fancyd_user.remove {-webkit-animation: change_user 0.5s ease-in-out; animation: change_user 0.5s ease-in-out; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user.add .user:first-child {display:block !important; -webkit-transform: scale(1); transform: scale(1) ; margin-right:0; opacity:1; -webkit-animation: add_users 0.5s ease-in-out; animation: add_users 0.5s ease-in-out; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user.remove .user:first-child {display:block !important; -webkit-transform: scale(0); transform: scale(0); margin-left: -30px; opacity:0; -webkit-animation: remove_users 0.5s ease-in-out; animation: remove_users 0.5s ease-in-out; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user .user:before {content:''; position:absolute; top: 50%; left: 50%; width: 26px; height: 26px; border-radius:100%; background:#000; opacity:0.05; margin: -13px 0 0 -16px; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_user em small, #overlay-thing .thing-detail .figure-button .buttons .fancyd_user:before {display:none; } #overlay-thing .thing-detail .figure-button .buttons .menu-container {position:absolute; bottom: 0; right: 0; width: 100%; z-index: 2; margin: 0; border: 0; border-top: 1px solid #f7f7f8; } #overlay-thing .thing-detail .figure-button .buttons a.fancyd_list {position:absolute; right: 15px; top: 17px; display:inline-block; line-height:25px; vertical-align:middle; width: 25px; height: 25px; border: 1px solid #f2f2f2; border-radius: 100%; text-align:center; margin-left:-2px; padding:0; } #overlay-thing .thing-detail .figure-button .buttons a.fancyd_list:before {content: ''; display: inline-block; width: 13px; height: 3px; background-position: -35px -35px; vertical-align: middle; margin-top: -3px; opacity:0.5; border: 0; position: static; } #overlay-thing .thing-detail .figure-button .buttons a.fancyd_list:hover {border-color:#e4e4e4; } #overlay-thing .thing-detail .figure-button .buttons a.fancyd_list:hover:before {opacity:0.7; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_list:hover:before {opacity:0.8; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_list:hover em {display:block; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_list em {position:absolute; bottom: 34px; border-radius:3px; left:50%; background:#272c31; padding:0 8px; line-height:28px; font-size:11px; color:#fff; white-space:nowrap; display:none; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_list em:before {content:''; position:absolute; top:100%; border:4px solid transparent; border-top-color:#272c31; left:50%; margin-left:-4px; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_list.default:hover em {display:none; } #overlay-thing .thing-detail .figure-button .buttons .fancyd_list.default {cursor:default; opacity:0; } #overlay-thing .thing-detail .figure-button .buttons .count .button.loading span {position:absolute; top:50%; left:13px; width: 54px; height: 54px; margin: -27px 0 0 -27px; opacity: 1; border-radius:100%; box-shadow:inset 0 0 0 0 #8e939f; background-position: -2799px 0; } #overlay-thing .thing-detail .figure-button .buttons .count .button.loading, #overlay-thing .thing-detail .figure-button .buttons .count .button.fancyd {background:#f5fafe; } #overlay-thing .thing-detail .figure-button .buttons .count .button.loading span i {display:none; } /* video.css */ #overlay-thing .video_player._mobile_safari #muteBtn { display: none; } #overlay-thing .video_player._mobile_safari .btn-play, #overlay-thing .video_player._mobile_safari .btn-pause { display: block; } #overlay-thing .video_player {position: relative; overflow:hidden; z-index:2; } #overlay-thing .video_player video {display:block; width:100%; height:100%; } #overlay-thing .figure-section .figure-item > figure .video_player.full {position:fixed; top:0; left:0; width:100%; height:100%; z-index:111111; background:#000; } #overlay-thing .figure-section .figure-item > figure .video_player.full .btn-fullscreen:before {background-position:-111px 0; } #overlay-thing .video_player .pause, #overlay-thing .video_player .stop {background:none; } #overlay-thing .video_player .btn-pause {text-indent: -1000em; background: none; opacity: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } #overlay-thing .video_player .btn-pause:before {content:''; display:block; width:12px; height: 16px; background-position: -38px 0; position: absolute; bottom: 15px; left: 17px; } #overlay-thing .video_player .btn-play {opacity:0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; text-indent: -1000em; } #overlay-thing .video_player p {position:absolute; top: 0; left:0; width:100%; height:100%; padding: 0; background: rgba(0,0,0,0.1); } #overlay-thing .video_player p:before {content:''; left:0; position:absolute; bottom:0; height:100px; width:100%; background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background-image: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background-image: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background-image: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background-image: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); opacity: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } #overlay-thing .video_player:hover .btn-mute, #overlay-thing .video_player:hover .btn-muted {opacity:1; } #overlay-thing .video_player .btn-play:before {content:''; display:block; width:12px; height: 16px; background-position: -25px 0; position: absolute; bottom: 15px; left: 17px; } #overlay-thing .video_player .btn-mute {position:absolute; width:34px; bottom:0; height:45px; text-indent: -1000em; right:44px; background: none; opacity: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } #overlay-thing .video_player .btn-mute:before {content:''; display:block; width:18px; height: 14px; background-position: -52px 0; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -9px; } #overlay-thing .video_player .btn-muted {position:absolute; width:34px; bottom:0; height:45px; text-indent: -1000em; right:44px; background: none; opacity:0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } #overlay-thing .video_player .btn-muted:before {content:''; display:block; width: 19px; height: 14px; background-position: -71px 0; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -9px; } #overlay-thing .video_player .btn-fullscreen {position:absolute; width:34px; bottom:0; height:45px; text-indent: -1000em; right:9px; background: none; opacity: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } #overlay-thing .video_player .btn-fullscreen:before {content:''; display:block; width:18px; height: 15px; background-position: -92px 0; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -9px; } #overlay-thing .video_player .timestamp {position:absolute; right:87px; width:70%; width:calc(100% - 133px); width:-webkit-calc(100% - 133px); width:-moz-calc(100% - 133px); text-align: right; color: #fff; font-size: 11px; font-weight: bold; bottom: 8px; line-height: 30px; opacity: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } #overlay-thing .video_player .timestamp .progress {position:absolute; top:50%; left:0; height:2px; margin-top:-1px; width:90%; width:calc(100% - 72px); width:-webkit-calc(100% - 72px); width:-moz-calc(100% - 72px); } #overlay-thing .video_player .timestamp .progress:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(204,204,204,0.3); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; border-radius: 2px; } #overlay-thing .video_player .timestamp .progress.animate:before {transition: 0.15s ease-in-out; -webkit-transition: 0.15s ease-in-out; -moz-transition: 0.15s ease-in-out; } #overlay-thing .video_player .timestamp .progress i, #overlay-thing .video_player .timestamp .progress i:before {content:''; position:absolute; top:0; left:0; height:100%; border-radius: 2px; transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; } #overlay-thing .video_player .timestamp .progress.animate i:before {transition: 0.15s ease-in-out; -webkit-transition: 0.15s ease-in-out; -moz-transition: 0.15s ease-in-out; } #overlay-thing .video_player .timestamp .progress i.buffer:before {background:rgba(255,255,255,0.5); } #overlay-thing .video_player .timestamp .progress i.loading:before {background:#ffffff; } #overlay-thing .video_player .timestamp .progress i:before {width:100%; } #overlay-thing .video_player .timestamp:hover .progress *:before, #overlay-thing .video_player .timestamp:hover .progress:before {transform:scaleY(2); -webkit-transform:scaleY(2); -moz-transform:scaleY(2); } #overlay-thing .video_player .timestamp:hover .progress i {border-radius:2px; } #overlay-thing .video_player .timestamp:hover .progress .btn-move {transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); } #overlay-thing .video_player .timestamp .progress .btn-move {position:absolute; right:0; top:50%; transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); margin:-4px -4px 0 0; width:8px; height:8px; background:#fff; border-radius:100%; transition: 0.15s ease-in-out; -webkit-transition: 0.15s ease-in-out; -moz-transition: 0.15s ease-in-out; } #overlay-thing .video_player .playing .btn-play, #overlay-thing .video_player .pause .btn-pause, #overlay-thing .video_player .stop button, #overlay-thing .video_player .stop .timestamp, #overlay-thing .video_player:hover .stop:before {display:none; } #overlay-thing .video_player.manual-play .pause .btn-pause { display: block; } #overlay-thing .video_player .stop .btn-play:before {content:''; position:absolute; top:50%; left:50%; width:21px; height:28px; margin:-14px 0 0 -7px; background-position: 0 0; } #overlay-thing .video_player .stop .btn-play {opacity:1; display:block; position:absolute; top:50%; left:50%; background:rgba(0,0,0,0.6); border-radius:100%; width:64px; height:64px; margin:-32px 0 0 -32px; } #overlay-thing .video_player .stop .btn-play:after {content:''; position:absolute; width:640px; height:640px; top:50%; left:50%; margin:-320px 0 0 -320px; } #overlay-thing .thing-detail .figure-section .thumbnail-list a.video-thumb {overflow:hidden; display:inline-block; position:relative; } #overlay-thing .thing-detail .figure-section .thumbnail-list a.video-thumb video {position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); height:100%; } #overlay-thing .thing-detail .figure-section .thumbnail-list a.video-thumb:after {content:''; position:absolute; top:50%; left:50%; z-index:1; margin:-4px 0 0 -2px; width:5px; height:7px; background-position:-25px -20px; } #overlay-thing .thing-detail .figure-section .thumbnail-list a.video-thumb:before {content:''; position:absolute; top:50%; left:50%; margin:-9px 0 0 -9px; width:17px; height:17px; border-radius:100%; background:#000; opacity:0.7; z-index:1; } /* video contents */ #overlay-thing .video_player {position: relative; overflow:hidden; z-index: 1; } #overlay-thing .video_player video {display:block; width:100%; height:100%; } #overlay-thing .video_player.full {position:fixed; top:0; left:0; width:100%; height:100%; z-index:111111; background:#000; } #overlay-thing .video_player.full .btn-fullscreen:before {background-position:-111px 0; } #overlay-thing .video_player .pause, #overlay-thing .video_player .stop {background:none; } #overlay-thing .video_player .btn-pause {background: none; opacity: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } #overlay-thing .video_player .btn-pause:before {content:''; display:block; width:12px; height: 16px; background-position: -38px 0; position: absolute; bottom: 15px; left: 17px; } #overlay-thing .video_player .btn-play {opacity:0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } #overlay-thing .video_player p {position:absolute; top: 0; left:0; width:100%; height:100%; padding: 0; } #overlay-thing .video_player p.loading {border:0; } #overlay-thing .figure:hover .video_player p, #overlay-thing .figure .video_player.puase p, #overlay-thing .figure .video_player.stop p {background: rgba(0,0,0,0.1); } #overlay-thing .video_player p:before {content:''; left:0; position:absolute; bottom:0; height:100px; width:100%; background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background-image: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background-image: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background-image: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background-image: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); opacity: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } #overlay-thing .video_player .btn-play:before {content:''; display:block; width:12px; height: 16px; background-position: -25px 0; position: absolute; bottom: 15px; left: 17px; } #overlay-thing .video_player .btn-mute {position:absolute; width:34px; bottom:0; height:45px; text-indent: -1000em; right:44px; background: none; opacity: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } #overlay-thing .video_player .btn-mute:before {content:''; display:block; width:18px; height: 14px; background-position: -52px 0; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -9px; } #overlay-thing .video_player .btn-muted {position:absolute; width:34px; bottom:0; height:45px; text-indent: -1000em; right:44px; background: none; opacity:0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } #overlay-thing .video_player .btn-muted:before {content:''; display:block; width: 19px; height: 14px; background-position: -71px 0; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -9px; } #overlay-thing .video_player .btn-fullscreen {position:absolute; width:34px; bottom:0; height:45px; text-indent: -1000em; right:9px; background: none; opacity: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } #overlay-thing .video_player .btn-fullscreen:before {content:''; display:block; width:18px; height: 15px; background-position: -92px 0; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -9px; } #overlay-thing .video_player .timestamp {position:absolute; right:87px; width:70%; width:calc(100% - 133px); width:-webkit-calc(100% - 133px); width:-moz-calc(100% - 133px); text-align: right; color: #fff; font-size: 11px; font-weight: bold; bottom: 8px; line-height: 30px; opacity: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } #overlay-thing .video_player .timestamp .progress {padding:0; position:absolute; top:50%; left:0; height:2px; margin-top:-1px; width:90%; width:calc(100% - 72px); width:-webkit-calc(100% - 72px); width:-moz-calc(100% - 72px); } #overlay-thing .video_player .timestamp .progress:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(204,204,204,0.3); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; border-radius: 2px; } #overlay-thing .video_player .timestamp .progress.animate:before {transition: 0.15s ease-in-out; -webkit-transition: 0.15s ease-in-out; -moz-transition: 0.15s ease-in-out; } #overlay-thing .video_player .timestamp .progress i, #overlay-thing .video_player .timestamp .progress i:before {border:0; content:''; position:absolute; top:0; left:0; height:100%; border-radius: 2px; transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; } #overlay-thing .video_player .timestamp .progress.animate i:before {transition: 0.15s ease-in-out; -webkit-transition: 0.15s ease-in-out; -moz-transition: 0.15s ease-in-out; } #overlay-thing .video_player .timestamp .progress i.buffer:before {background:rgba(255,255,255,0.5); } #overlay-thing .video_player .timestamp .progress i.loading:before {background:#ffffff; } #overlay-thing .video_player .timestamp .progress i:before {width:100%; } #overlay-thing .video_player .timestamp:hover .progress *:before, #overlay-thing .video_player .timestamp:hover .progress:before {transform:scaleY(2); -webkit-transform:scaleY(2); -moz-transform:scaleY(2); } #overlay-thing .video_player .timestamp:hover .progress i {border-radius:2px; } #overlay-thing .video_player .timestamp:hover .progress .btn-move {transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); } #overlay-thing .video_player .timestamp .progress .btn-move {position:absolute; right:0; top:50%; transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); margin:-4px -4px 0 0; width:8px; height:8px; background:#fff; border-radius:100%; transition: 0.15s ease-in-out; -webkit-transition: 0.15s ease-in-out; -moz-transition: 0.15s ease-in-out; } #overlay-thing .video_player .playing .btn-play, #overlay-thing .video_player .stop button, #overlay-thing .video_player .stop .timestamp, #overlay-thing .video_player:hover .stop:before {display:none; } #overlay-thing .video_player .stop .btn-play {opacity:1; display:block; position:absolute; top:50%; left:50%; background:rgba(0,0,0,0.6); border-radius:100%; width:64px; height:64px; margin:-32px 0 0 -32px; } #overlay-thing .video_player .stop .btn-play:before {content:''; position:absolute; top:50%; left:50%; width:21px; height:28px; margin:-14px 0 0 -7px; background-position: 0 0; } #overlay-thing .video_player .stop .btn-play:after {content:''; position:absolute; width:640px; height:640px; top:50%; left:50%; margin:-320px 0 0 -320px; } #overlay-thing .video_player .loading .loader {position:absolute; top:50%; left:50%; width:64px; height:64px; margin:-32px 0 0 -32px; background:rgba(0,0,0,0.6); border-radius:100%; } #overlay-thing .video_player .loading .loader:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transform-origin:50% 50%; transform-origin: 50% 50%; -webkit-animation: video_spin 2s linear infinite; -moz-animation: video_spin 2s linear infinite; animation: video_spin 2s linear infinite; opacity: 0; margin: 0; } #overlay-thing .video-thumb {overflow:hidden; display:inline-block; width:51px; height:51px; position:relative; } #overlay-thing .video-thumb video {position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); height:100%; } #overlay-thing .video_player.nozoom .btn-mute, #overlay-thing .video_player.nozoom .btn-muted {right:9px; } #overlay-thing .video_player.nozoom .btn-fullscreen {display:none; } #overlay-thing .video_player.nozoom .timestamp {position:absolute; right:53px; width:70%; width:calc(100% - 98px); width:-webkit-calc(100% - 98px); width:-moz-calc(100% - 98px); } #overlay-thing .figure-section .thumbnail-list li {background:#3e85cd; border-radius: 3px; } #overlay-thing .figure-section .thumbnail-list a.active {opacity:0.85; } #overlay-thing .figure-section .thumbnail-list a.video-thumb:after {content:''; position:absolute; top:50%; left:50%; z-index:1; margin:-4px 0 0 -2px; width:5px; height:7px; background-position:-25px -20px; } #overlay-thing .figure-section .thumbnail-list a.video-thumb:before {content:''; position:absolute; top:50%; left:50%; margin:-9px 0 0 -9px; width:17px; height:17px; border-radius:100%; background:#000; opacity:0.7; z-index:1; } #overlay-thing .video_player a.thing-url {position:absolute; top:0; left:0; width:100%; height:100%; } #overlay-thing .thing-detail .figure-section .figure-item.video figure:hover .figure-button {bottom:45px; padding-bottom:0; } #overlay-thing .video_player .btn-play:after, #overlay-thing .video_player .btn-pause:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; } #overlay-thing .video_player .btn-pause,#overlay-thing .video_player .btn-play, #overlay-thing .video_player .btn-fullscreen,#overlay-thing .video_player .timestamp {display:none; } /* share layer */ #overlay-thing .thing-detail .other-thing.newcard .inner ul {background:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-container .trick {display:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-container {z-index:1; opacity: 1; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-container .btn-more {opacity:0.7; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-container .btn-more:hover {opacity:0.9; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .trick {display:none; position:fixed; top:0; left:0; width:100%; height:100%; margin:0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-container.opened .trick {display:block; } #overlay-thing .thing-detail .other-thing.newcard .figure-item #more-share-send .lists li {margin:0; float:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user {height:30px; z-index:0; position: relative; margin-left: 8px; display: inline-block; vertical-align: middle; transform: scale(1) translateX(0); -webkit-transform: scale(1) translateX(0); -webkit-transform-origin: 0 50%; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user:before {content: ''; position: absolute; top: 0; right: 100%; width: 100px; height: 100%; background: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0) 60%, white 90%); background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0) 60%, white 90%); pointer-events: none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .count {float:left; font-size:11px; text-align:center; color:#abafb5; background:#ebeced; line-height: 20px; min-width: 12px; padding:0 4px; border-radius: 12px; border: 2px solid #fff; font-weight:bold; margin-left: -6px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user:hover {text-decoration:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user {float: left; border-radius:100%; background:#fff; position: relative; z-index:0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(1) {z-index:29; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(2) {z-index:28; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(3) {z-index:27; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(4) {z-index:26; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(5) {z-index:25; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(6) {z-index:24; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(7) {z-index:23; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(8) {z-index:22; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(9) {z-index:21; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(10) {z-index:20; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(11) {z-index:19; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(12) {z-index:18; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(13) {z-index:17; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(14) {z-index:16; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(15) {z-index:15; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(16) {z-index:14; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(17) {z-index:13; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(18) {z-index:12; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(19) {z-index:11; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(20) {z-index:10; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(21) {z-index:9; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(22) {z-index:8; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(23) {z-index:7; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(24) {z-index:6; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(25) {z-index:5; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(26) {z-index:4; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(27) {z-index:3; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(28) {z-index:2; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:nth-child(29) {z-index:1; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-more:hover em, #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_list:hover em {display:block; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-container.opened .btn-more:hover em {display:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-more em, #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_list em, #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user em {position:absolute; bottom: 34px; border-radius:3px; left:50%; background:#272c31; padding:0 8px; line-height:28px; font-size:11px; color:#fff; white-space:nowrap; display:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-more em, #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_list em {font-weight:normal} #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user em small {font-size:1em; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-more em:before, #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_list em:before, #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user em:before {content:''; position:absolute; top:100%; border:4px solid transparent; border-top-color:#272c31; left:50%; margin-left:-4px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user img {border-radius:100%; width: 26px; height: 26px; display: block; background:no-repeat 50% 50%; background-size:cover; border:2px solid #fff; vertical-align:top; margin-left: -6px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user.add, #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user.rotate, #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user.remove {-webkit-animation: change_user 0.5s ease-in-out; animation: change_user 0.5s ease-in-out; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .count {line-height: 26px; min-width: 14px; padding: 0px 6px; border-radius: 15px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user.rotate .picker, #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user.add ._viewer, #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user.remove .user:nth-child(6) {-webkit-transform: scale(1); transform: scale(1) ; margin-right:0; opacity:1; -webkit-animation: add_users 0.5s ease-in-out; animation: add_users 0.5s ease-in-out; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user.rotate .user:last-child, #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user.remove ._viewer, #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user.add .user:nth-child(6) {-webkit-transform: scale(0); transform: scale(0); margin-left: -30px; opacity:0; -webkit-animation: remove_users 0.5s ease-in-out; animation: remove_users 0.5s ease-in-out; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:before {content:''; position:absolute; top: 50%; left: 50%; width: 26px; height: 26px; border-radius:100%; background:#000; opacity:0.05; margin: -13px 0 0 -16px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user em small {display:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user:before {display:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user.add ._viewer, #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user.remove ._viewer, #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user.add .user:nth-child(6), #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user.remove .user:nth-child(6) {display:block !important; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .video_player {background:none; border-radius:3px 3px 0 0; overflow:hidden; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .video_player video {border-radius:3px 3px 0 0; background:#000; } #overlay-thing .thing-detail .other-thing.newcard .figure-item {padding: 0; position: relative; background: #FFF; border-radius: 3px; box-shadow: 0 1px 0px 0px rgba(208, 209, 213, 0.5), 0 0px 0px 1px rgba(220, 221, 224, 0.4); -webkit-box-shadow: 0 1px 0px 0px rgba(208, 209, 213, 0.5), 0 0px 0px 1px rgba(220, 221, 224, 0.4); -moz-box-shadow: 0 1px 0px 0px rgba(208, 209, 213, 0.5), 0 0px 0px 1px rgba(220, 221, 224, 0.4); width: auto; } #overlay-thing .thing-detail .other-thing.newcard .figure-item:hover {z-index:1; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption {padding: 10px 11px 4px; line-height: 17px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption .title {z-index:0; position: relative; text-overflow: clip; display: block; white-space: nowrap; overflow: hidden; color: #3a3e46 !important; margin-bottom: 1px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption .title img {max-height: 16px; vertical-align:middle; margin:-3px 0 0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption .title:after {content: ''; position: absolute; top: 0; right: 0; width: 30%; height: 100%; background: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0) 60%, white 90%); background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0) 60%, white 90%); pointer-events: none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-container .btn-more{opacity:1; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-container:before {content: ''; position: absolute; top: 0; right: 0; width: 150%; height: 100%; background: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0) 0, white 50%); background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0) 0, white 50%); pointer-events: none; z-index: 0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption .username {width:auto; display:inline-block; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:70%; line-height:17px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption .username, #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption .username a {color: #8a8f9c; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figure .figure {display:none; background:no-repeat 50% 50%; background-size:cover; border-radius: 3px 3px 0 0; overflow: hidden; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figure .figure img {display:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption .pending-label {position:relative; display:inline-block; padding:0 5px; line-height:20px; border-radius:3px; background:#9099a6; color:#fff; text-transform:uppercase; font-size: 10px; z-index: 1; margin: 3px 0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption .pending-label small {display:none; position:absolute; bottom:100%; left:50%; text-transform: none; font-size: 11px; line-height:14px; background:#272c31; padding:8px; border-radius: 2px; width: 164px; white-space: normal; margin: 0 0 10px -90px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption .pending-label small b {display:block; text-transform:uppercase; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption .pending-label small:after {content:''; position:absolute; top:100%; left:50%; border:4px solid transparent; border-top-color:#272c31; margin-left:-4px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption .pending-label:hover small {display:block; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancy, #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancyd, #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-container .btn-more, #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-container .btn-share, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-cart, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-share {display:inline-block; padding:0 9px; font-size: 12px; color: #696F7D; opacity: 0.6; line-height: 28px; background: none; font-weight: bold; vertical-align: middle; width: auto; box-shadow: none !important; position: relative; top: 0; left: 0; min-width: 0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancy, #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancyd {padding-left:25px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-cart {display:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .show_cart button.btn-cart {display:block; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-container {position: absolute; right: 0; top: 5px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-more {display:block; opacity:.3; cursor:pointer} #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-more:before { width: 9px; height: 4px; background-position: -165px -26px; margin-top: -5px; top: 0; opacity: 0.4; vertical-align: middle; content: ''; top: -1px; display: inline-block; vertical-align: middle; position: relative; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_list {position:relative; display:inline-block; line-height:25px; vertical-align:middle; width: 25px; height: 25px; border: 1px solid #f2f2f2; border-radius: 100%; text-align:center; margin-left:-2px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_list:before {content: ''; display: inline-block; width: 13px; height: 3px; background-position: -165px -35px; vertical-align: middle; margin-top: -3px; opacity:0.5; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_list:hover {border-color:#e4e4e4; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_list:hover:before {opacity:0.7; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-cart .icon {width: 16px; margin-right: 3px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-share .icon {width: 15px; height: 10px; background-position: -9px -20px; vertical-align: middle; margin-top: -3px; display: none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancyd {color: #4787C5; opacity: 1 !important; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancy span {display:inline-block; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancy span, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-cart .icon, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-share .icon, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-share .icon {opacity: 0.9; } #overlay-thing .thing-detail .other-thing.newcard .figure-item span.download:hover a.opener {-webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancy:hover span,#overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancyd:hover span, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-share:hover .icon, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-share:hover .icon {opacity: 1; } #overlay-thing .thing-detail .other-thing.newcard .figure-item span.download a.opener, #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancy, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-cart, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-share, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-share {opacity: 0.6; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancy, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-share, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-share {opacity: 0.7; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancy:hover, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-share:hover, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-share:hover {opacity: 0.9; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancy:active, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-share:hover, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-share:active {background:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figure {position:static; width:100%; background: no-repeat 50% 50%; background-color: #f9f9f9; background-size: cover; border-radius:3px 3px 0 0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figure .figure.grid {display:block; height: 229px; text-align: center; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancy i {display: block; width: 10px; height: 16px; vertical-align: middle; margin: 0; background-position: 0 0; opacity: 1; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancy span, #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancyd span {left: 9px; width: 9px; height: 17px; top: 7px; margin: 0; vertical-align: middle; line-height: 1em; background: none; border: 0; position: absolute; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancyd i {display: block; width: 9px; height: 16px; background-position: 0 -20px; vertical-align: middle; margin: 0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancy.loading i, #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancyd.loading i {width: 14px; height: 14px; margin: 0 4px 0 -4px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons a.btn-cart:hover {text-decoration:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .btn-cart .icon {width: 15px; height: 14px; background-position: -10px 0; vertical-align: middle; top: 1px; left: 1px; position: relative; opacity:0.9; display: inline-block; margin-top: -3px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .btn-cart.giftcard {display:block; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .btn-cart.hotel .icon {width:13px; height:14px; background-position:-85px 0; margin-right:3px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption .price.sales {color:#b42c2c; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption .price small.before {font-weight:normal; display:inline; font-size:13px; color: #8a8f9c; text-decoration:line-through; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .video_player .btn-play:after, #overlay-thing .thing-detail .other-thing.newcard .figure-item .video_player .btn-pause:after {display:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption {z-index:1; padding: 0; height: auto; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption .title {font-weight:bold; font-size:12px; padding: 14px 0 14px 11px; margin: 0 11px 0 0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption .title:after {width:100px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption .pending-label:before, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-cart.sales small:before, #overlay-thing .thing-detail .other-thing.newcard .figure-item span.download a.opener:before, #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .btn-cart:before {content: ''; position: absolute; top: 0; right: 100%; width: 100px; height: 100%; background: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0) 60%, white 90%); background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0) 60%, white 90%); pointer-events: none; margin-right: 1px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figcaption .pending-label:before, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-cart.sales small:before {margin-right:0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancy.loading i, #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancyd.loading i, .timeline #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancy i, .timeline #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancyd i, .timeline #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancy.loading i, .timeline #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancyd.loading i {width: 10px; height: 16px; margin:0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancyd.loading i, .timeline #overlay-thing .thing-detail .other-thing.newcard .figure-item .button.fancyd.loading i {background-position:0 -20px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-container { bottom: 12px; right: 11px; white-space: normal; z-index: 2; top: auto; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-container .btn-more:hover em {display:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-container #more-menu.bot {top:40px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .btn-cart .icon {top:0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons {z-index:2; position: relative; width: auto; padding: 9px 11px; white-space: nowrap; opacity: 1; border-top: 1px solid #f9f9f9; right: 0; top: 0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .btn-share {position:absolute; display: none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item span.download, #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .show_cart {position:absolute; right: 9px; top: 9px; left:auto; bottom:auto; background: #fff; white-space: normal; } #overlay-thing .thing-detail .other-thing.newcard .figure-item span.download a.opener, #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .btn-cart {position:absolute; right: 11px; top:-36px; padding:0 8px; left:auto; bottom:auto; border: 1px solid rgba(71,135,197,0.4); border-radius:3px; width: auto; white-space: nowrap; color: #5b91c6; line-height: 24px; opacity: 1; margin: 0; background: #fff; display: none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item span.download a.opener:hover, #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .btn-cart:hover {color:#427fbb; border-color: rgba(71,135,197,0.6); } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .btn-cart.hotel {display:block; } #overlay-thing .thing-detail .other-thing.newcard .figure-item span.download a.opener {display:block; position: relative; right: 0; top: 0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .show_cart .btn-cart {position: relative; right: 0; top: 0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .btn-cart .icon {display:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .count .button {display: inline-block; border-radius: 3px; color: #606A75; opacity: 0.9; line-height: 27px; border: 1px solid rgba(195, 194, 196, 0.45); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); padding: 0 8px 0 24px; font-weight: bold; min-width: 0; font-size: 12px; position: relative; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .count .button:hover {text-decoration:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .count .button span {top:6px; left: 9px; width: 9px; height: 17px; margin: 0; vertical-align: middle; line-height: 1em; background: none; border: 0; position: absolute; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .count .button span i {display:block; width: 10px; height: 16px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-container .btn-more { opacity: 1; padding: 0; width: 21px; height: 21px; border: 1px solid #f2f2f2; border-radius: 100%; position: relative; text-align: center; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-container .btn-more:hover {border-color:#e4e4e4; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-container .btn-more:hover:before {opacity:0.7; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-container .more-share-popup .trick {display:none !important; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .count .button.fancyd {border-color: rgba(71,135,197,0.3); color: #4787c5; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .count .button.loading span {position:absolute; top:50%; left: 13px; width: 54px; height: 54px; margin: -27px 0 0 -27px; opacity: 1; border-radius:100%; box-shadow:inset 0 0 0 0 #8e939f; background-position: -2799px 0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .count .button.loading, #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .count .button.fancyd {background:#f5fafe; color: #4787c5; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .count .button.loading span i {display:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .animation {display:inline-block; vertical-align:middle; position:relative; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .animation:hover {z-index:1; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .animation > * {position:relative; transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out; top: 0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .animation.down {opacity:0; top:-30px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .animation.up {opacity:0; top: 30px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .btn-cart.sales small {display:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .btn-cart.sales {color:#c54747; border-color:rgba(197,71,71,0.3); } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .btn-cart.sales small {display:block; position:absolute; top:0; right:100%; background:#fff; color:#b8bbbf; padding:0 8px; text-decoration:line-through; margin-right: 1px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .buttons .btn-cart.sales small:before {content: ''; position: absolute; top: 0; right: 100%; width: 100px; height: 100%; background: -webkit-linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0) 60%, white 90%); background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0) 60%, white 90%); pointer-events: none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-share, #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-edit, #overlay-thing .thing-detail .other-thing.newcard .figure-item figure button.btn-share {transition:none; -webkit-transition:none; -moz-transition:none; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.01),0 0 0 1px rgba(0,0,0,0.15) !important; font-size:12px; color:#74797d; line-height: 29px; border:0; margin: 0; border-radius: 2px; transition:none; height: auto; opacity:0 !important; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figure button.btn-share {position:absolute; top:9px; right:9px; width:29px; height:29px; left: auto; opacity: 0; background: #fff !important; z-index: 1; padding: 0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figure button.btn-share .icon {display: block; margin: -3px auto 0; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .photo-frame, #overlay-thing .thing-detail .other-thing.newcard .figure-item .ly-close, #overlay-thing .thing-detail .other-thing.newcard .figure-item .hotel-info {display:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-edit {position:absolute; top:9px; right:10px; opacity:0; padding:0 9px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-edit .icon {display:block; margin:9px 0; width:10px; height:10px; opacity:0.63; vertical-align:middle; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-edit.edit-sale {top:50%; left:50%; right:auto; font-weight:bold; padding:0 12px; text-align:center; color:#4d525d; font-size:12px; min-width:52px; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-cart {opacity:1; padding:0; display: block; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-cart.giftcard, #overlay-thing .thing-detail .other-thing.newcard .figure-item .show_cart, #overlay-thing .thing-detail .other-thing.newcard .figure-item .download {position:absolute; right: 9px; top: 9px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-cart, #overlay-thing .thing-detail .other-thing.newcard .figure-item .download a.opener { left: auto; width: auto; white-space: nowrap; color: #5b91c6; line-height: 24px; opacity: 1; border-radius: 3px; background: #fff; padding: 0 8px; border: 1px solid rgba(71,135,197,0.4); z-index: 1; position: relative; top: 1px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-cart.sales {color:#c54747; border-color:rgba(197,71,71,0.3); } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-cart.sales:hover {color:#c54747; border-color:rgba(197,71,71,0.6); } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-cart.sales small {display:block; position:absolute; top:0; right:100%; background:#fff; color:#b8bbbf; padding:0 8px 0 0; text-decoration:line-through; margin-right: 1px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-cart:hover, #overlay-thing .thing-detail .other-thing.newcard .figure-item .download a.opener:hover {color:#427fbb; border-color: rgba(71,135,197,0.6); } #overlay-thing .thing-detail .other-thing.newcard .figure-item .btn-cart:before, #overlay-thing .thing-detail .other-thing.newcard .figure-item span.download a.opener:before {display:block; content: ''; display:block; position: absolute; top: 0; right: 100%; width: 100px; height: 100%; background: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0) 60%, white 90%); background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0) 60%, white 90%); pointer-events: none; margin-right: 1px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .has-arrow {z-index:3; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .menu-content {top:auto; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user {height: auto !important; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user img {width:21px; height:21px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user:before { margin: -11px 0 0 -12px; height: 21px; width: 21px; background: #fff; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .fancyd_user .user img {position:static; } #overlay-thing .thing-detail .other-thing.newcard .figure-item figure .back {display:none !important; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .more-share-popup .trick {display:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .more-share-popup.bot {bottom:auto; top:40px; } #overlay-thing .thing-detail .other-thing.newcard .figure-item .hotel-info .trick {display:none; } #overlay-thing .thing-detail .other-thing.newcard .figure-item.pending figure .figure.grid {opacity:0.3; } #overlay-thing .thing-detail .other-thing.newcard .figure-item.pending .buttons, #overlay-thing .thing-detail .other-thing.newcard .figure-item.pending figcaption .title, #overlay-thing .thing-detail .other-thing.newcard .figure-item.pending figcaption .price {opacity:0.6; } #overlay-thing .thing-detail .other-thing.newcard .figure-item.pending .back {display:none; } #overlay-thing .detail_bar {position:fixed; top: -259px; left:0; width:100%; z-index: 11; transition:top 0.22s; -webkit-transition:top 0.22s; -moz-transition:top 0.22s; box-sizing: border-box; } #overlay-thing .detail_bar .wrapper {width: 970px; margin:0 auto; border-radius:0 0 3px 3px; padding: 11px; box-sizing: border-box; } #overlay-thing .detail_bar .wrapper:after {content:''; clear:both; display:block; } #overlay-thing .detail_bar button {float:right; line-height: 33px; height: auto; padding: 0 20px; } #overlay-thing .detail_bar .thing_info {float:left; padding: 1px 0 0px 45px; position: relative; font-size: 13px; line-height: 17px; } #overlay-thing .detail_bar .thing_thumb {position:absolute; top:0; left:0; width:35px; height:35px; border-radius:3px; background:no-repeat 50% 50%; background-size:cover; } #overlay-thing .detail_bar .thing_title {display:block; } #overlay-thing.show_detail .detail_bar {top:0; } #overlay-thing .admin-user-frm .show_newest dt, #overlay-thing .admin-user-frm .show_newest dd {padding:0; } #overlay-thing .admin-user-frm .show-on-homepage dd, #overlay-thing .admin-user-frm .feature_item_on dd, #overlay-thing .admin-user-frm .show_newest dd {padding-bottom:0; } #overlay-thing .admin-user-frm .show-on-homepage #homepage_video {padding:0; } #overlay-thing .admin-user-frm .show-on-homepage p.left, #overlay-thing .admin-user-frm .feature_item_on p.left:first-child, #overlay-thing .admin-user-frm .show_newest p.left {position:absolute; top: 17px; right:15px; line-height: 14px; } #overlay-thing .admin-user-frm .show-on-homepage p.left label, #overlay-thing .admin-user-frm .feature_item_on p.left:first-child label, #overlay-thing .admin-user-frm .show_newest p.left label {display:none; } #overlay-thing .thing-detail .admin-user-frm .stit {background: #f6f7f8; color: #606a79; border-bottom: 1px solid #dadde1; text-shadow:; } #overlay-thing .thing-detail .admin-user-frm.show .stit {border:0; } #overlay-thing .thing-detail .admin-user-frm .left {float:none; } #overlay-thing .admin-user-frm .show-on-homepage dt {font-size:12px; padding-bottom: 11px; text-transform:none; color: #373d48; } #overlay-thing #show-share .textbox input ,#overlay-thing #show-addlist .search input {height:auto;width:100%;box-sizing:border-box;} #overlay-thing .thing-detail .figure-button.action-button-bouncy .buttons .count .button.fancyd {background: #4685c7;color: white;transform:scale(1.1)} #overlay-thing .thing-detail .figure-button.action-button-bouncy .buttons .count .button.fancyd .fancy-icon-path { fill: white; } #overlay-thing .thing-detail .figure-button.action-button-bouncy .buttons .count .button .fancy-icon-path { fill: #7a858b; } #overlay-thing .thing-detail .figure-button.action-button-bouncy .buttons .count .button-static span {width: auto;height: auto;margin: 0;left: 9px;top: 6px;position: absolute;} #overlay-thing .thing-detail .figure-button.action-button-bouncy .buttons .count .button.fancyd.loading { animation: bouncy_button 0.6s; } /* #overlay-thing .thing-detail .figure-button.action-button-bouncy .buttons .count .button.unloading { animation: bouncy_button_back 0.3s; } */ /* ask a question */ /* TODO: remove from `things.css` */ #popup_container.ask_seller .popup.ask_seller {display:block; } #popup_container .popup.ask_seller {width:500px; background:#fff; border-radius:3px; } .popup.ask_seller .figure-item {position:relative; margin:15px 15px 0; box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1); border-radius:3px; padding: 17px 15px 18px 85px; width: auto; } .popup.ask_seller .figure-item > figure {position:absolute; top:0; left:0; border-radius: 3px 0 0 3px; background:no-repeat 50% 50%; background-size:cover; box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.1); width: 70px; height: 70px; } .popup.ask_seller .figure-item > figcaption {line-height:18px; padding:0; } .popup.ask_seller .figure-item > figcaption .title {margin: 0 0 -1px; display: block; } .popup.ask_seller fieldset > p {padding:15px; } .popup.ask_seller textarea.text {background:#f8f8f8; box-shadow:none; width: 454px; height: 126px; } .popup.ask_seller .btn-area {border-top:1px solid #e9eaed; padding:15px; text-align:right; } .popup.ask_seller .btn-area button {margin-left: 8px; font-size: 12px; line-height:30px; } #popup_container.shipping .shipping {display:block; background:#fff; border-radius:3px; width:610px; } .popup.shipping .country-list {position: relative; box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09); } .popup.shipping .scroll {height:400px; overflow:auto; overflow-x:hidden; } .popup.shipping b {font-weight:normal; display: inline-block; max-width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align:top; } .popup.shipping .current b {color:#383d48; font-weight:bold; } .popup.shipping li {line-height: 25px; font-size: 13px; white-space: nowrap; position:relative; float:left; width:50%; } .popup.shipping li:nth-child(odd) {clear:both; } .popup.shipping ul.after {max-width:610px; border-bottom:1px solid #ebebed; padding:13px 0 16px 16px; } .popup.shipping ul.search-result {max-width:610px; padding:13px 0 16px 16px; } .popup.shipping small {color:#383d48; font-size:11px; } .popup.shipping .btn-area {border:0; width:auto; box-shadow:none; background:none; margin:0; padding:15px; text-align:right; } .popup.shipping .btn-area button { font-size: 12px; line-height: 29px; margin-left: 4px; } .popup.shipping .search {padding: 12px 15px 12px; position: relative; border-bottom: 1px solid rgb(236, 236, 236); } .popup.shipping .search input.text {background:#f8f8f8; box-shadow:none; border-color:#dedfe0; width: 565px; } .popup.shipping .search .remove {position:absolute; top:12px; right:15px; width:7px; height:7px; padding: 12px; } .popup.shipping .search .remove:before {display:block; content:''; width:7px; height:7px; background-position:-30px -45px; } #popup_container.photo_preview .popup.photo_preview {display:block; } #popup_container .popup.photo_preview {position:absolute; top:50%; left:50%; background:#fff; border-radius:3px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } .popup.photo_preview .photo-frame {position:relative; padding:4px 0; margin:0 4px; overflow:hidden; } .popup.photo_preview .next,.popup.photo_preview .prev {position:absolute; top: 50%; margin-top:-39px; width: 47px; height: 77px; background-color:rgba(0,0,0,0.40); opacity:0; filter:alpha(opacity=0); } .popup.photo_preview .next:hover,.popup.photo_preview .prev:hover {background-color:rgba(0,0,0,0.60); } .popup.photo_preview .next:active,.popup.photo_preview .prev:active {background-color:rgba(0,0,0,0.50); } .popup.photo_preview .next {border-radius:4px 0 0 4px; right:-47px; background-position:16px 25px; transition:right 0.2s ease-out, opacity 0.5s ease-out; -moz-transition:right 0.2s ease-out, opacity 0.5s ease-out; -webkit-transition:right 0.2s ease-out, opacity 0.5s ease-out; -o-transition:right 0.2s ease-out, opacity 0.5s ease-out; } .popup.photo_preview .prev {border-radius:0 4px 4px 0; left:-47px; background-position:14px -75px; transition:left 0.2s ease-out, opacity 0.5s ease-out; -moz-transition:left 0.2s ease-out, opacity 0.5s ease-out; -webkit-transition:left 0.2s ease-out, opacity 0.5s ease-out; -o-transition:left 0.2s ease-out, opacity 0.5s ease-out; } .popup.photo_preview .photo-frame:hover .next {display:block; right:0; opacity:1; filter:alpha(opacity=100); } .popup.photo_preview .photo-frame:hover .prev {display:block; left:0; opacity:1; filter:alpha(opacity=100); } .popup.photo_preview li a {position:absolute; opacity:0; } .popup.photo_preview li a.current {position:relative; opacity:1; } .popup.photo_preview img {max-width:840px; max-height:640px; display:block; } #popup_container.booking-result .popup.booking-result {display:block; } #popup_container .popup.booking-result {background:#fff; border-radius:3px; width:592px; } .popup.booking-result .data-head {padding:18px 15px 8px; color:#8a8f9c; border-bottom:1px solid #f1f1f2; } .popup.booking-result .data-head .type {float:left; width:240px; } .popup.booking-result .data-head .price {float:left; width: 120px; text-align:right; } .popup.booking-result .data-head .total {float:left; width:84px; text-align:right; } .popup.booking-result .data-list {height:380px; overflow:auto; border-radius:0 0 3px 3px; } .popup.booking-result .data-list li {float:left; width:100%; clear:both; border-top:1px dotted #e3e4e6; padding:14px 0 25px; } .popup.booking-result .data-list li:first-of-type {border-top:0; } .popup.booking-result .data-list li:hover {background:#fafafa; } .popup.booking-result .data-list .type {float:left; padding:8px 0 0 15px; font-size:12px; line-height:16px; color:#8a8f9c; } .popup.booking-result .data-list .type small {font-size:12px; color:#8a8f9c; } .popup.booking-result .data-list .type b {display:block; color:#393d4d; font-size:13px; width:240px; } .popup.booking-result .data-list .price {float:left; width: 120px; text-align:right; padding-top:8px; } .popup.booking-result .data-list .total {float:left; width:84px; text-align:right; padding-top:8px; } .popup.booking-result .data-list .button {float:right; padding-right:14px; } .popup.booking-result .data-list .description {clear:both; color:#8a8f9c; height:36px; overflow:hidden; font-size:13px; line-height:18px; padding:11px 125px 0 15px} .popup.booking-result .data-list .description a {color:#4978b3; } .popup.booking-result .data-list .btn-bookit {font-size:12px; } /* clone list */ #popup_container .clone-list {position:relative; background:#fff; border-radius:3px; width:490px; margin:0 auto; } .clone-list .ly-title .ltit {width:auto; font-size:15px; padding:14px 13px 13px 15px; } .clone-list p,.clone-list dl {padding:0 10px; } .clone-list p {color:#808083; padding:20px 10px 10px; } .clone-list dt {font-size:14px; font-weight:bold; padding-bottom: 5px; } .clone-list dl {line-height:20px; font-size:13px; color:#505050; padding-bottom: 20px; } .clone-list input[type="text"] {width:455px; padding:6px; vertical-align:top; } .clone-list .btn-area {width:auto; margin:0; padding:10px; border-top:1px solid #eee; text-align:right; } .clone-list button.btn-white {border:1px solid #a4a6a9; border-radius:3px; color:#3f4042; font-weight:bold; font-size:13px; padding:5px 11px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f8f8f8'); background:-webkit-linear-gradient(top,#ffffff,#f8f8f8); background:-ms-linear-gradient(top,#ffffff,#f8f8f8); background:-moz-linear-gradient(top,#ffffff,#f8f8f8); background:-o-linear-gradient(top,#ffffff,#f8f8f8); } .list-creator button.btn-clone-list {background:#608fc5; font-size:13px; color:white; font-weight:bold; padding:8px 11px; border-radius:3px; } #popup_container .request_sale {width:460px; background:#fff; border-radius:3px; } .popup.request_sale .after {padding:20px 15px; } .popup.request_sale li {float:left; width:205px; height:205px; margin:0 5px; } .popup.request_sale a {display:block; width:203px; height:203px; border-radius:3px; border:1px solid #e5e5e5; color:#383d48; font-weight:bold; font-size:14px; text-align:center; } .popup.request_sale a:hover {background:#f2f3f4; color:#4574ae; text-decoration:none; } .popup.request_sale .icon {display:block; margin:0 auto 24px; opacity:0.9; } .popup.request_sale a:hover .icon {opacity:1; } .popup.request_sale .tooltip {display:block; width:203px; height:203px; } .popup.request_sale .merchant .tooltip {padding-top:53px; height:150px; } .popup.request_sale .merchant .icon {width:84px; height:76px; margin: 0 59px 24px; } .popup.request_sale .customer .tooltip {padding-top:60px; height:143px; } .popup.request_sale .customer .icon {width:62px; height:69px; background-position:-90px 0; margin: 0 70px 24px; } .popup.request_sale .tooltip small {bottom: 156px; z-index:2; max-width:140px; padding:10px 12px; min-width:130px; font-size:12px; line-height:16px; font-weight:normal; text-align:center; display: block; opacity: 0; transition: bottom 0.3s, opacity 0.3s; -webkit-transition: bottom 0.3s, opacity 0.3s; -moz-transition: bottom 0.3s, opacity 0.3s; -ms-transition: bottom 0.3s, opacity 0.3s; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); } .popup.request_sale .tooltip:hover small {bottom: 166px; opacity: 1; } #popup_container.policy_detail .popup.policy_detail {display:block; } #popup_container .popup.policy_detail {width:482px; border-radius:3px; background:#fff; } .popup.policy_detail .terms {padding:14px 16px 0; } .popup.policy_detail h3 {font-size:13px; line-height:18px; padding-bottom:5px; } .popup.policy_detail .terms p {font-size:13px; line-height:18px; padding-bottom:18px; } .popup.policy_detail a {color:#4978b3; } #popup_container.vanity_result .popup.vanity_result {display:block; } #popup_container .popup.vanity_result {width:482px; background:#fff; border-radius:3px; } .popup.vanity_result fieldset {padding:12px 16px; white-space:nowrap; border-bottom:1px solid #e9eaed} .popup.vanity_result fieldset select {width:170px; margin-right:6px; vertical-align: middle; background-color: #f8f8f8; } .popup.vanity_result fieldset span {position:relative; display:inline-block; vertical-align:middle; } .popup.vanity_result fieldset span:before {content:''; position:absolute; width:12px; height:12px; background-position:-80px -40px; opacity:0.8; left:9px; top:50%; margin-top:-6px; } .popup.vanity_result fieldset input.text {display:block; padding-left:30px; width: 230px; line-height: 18px; height: 18px; background: #f8f8f8; } .popup.vanity_result ul {padding:0 15px; height:353px; overflow:auto; overflow-x:hidden; } .popup.vanity_result li {line-height:28px; text-align:right; padding: 17px 0 15px; border-top:1px solid #e7e8ea; } .popup.vanity_result li:first-of-type {border-top:0; } .popup.vanity_result .empty.loading {position:relative; } .popup.vanity_result .empty.loading:after {content:''; position:absolute; border: 2px solid #949597; border-radius:100% ; width:20px; height:20px; top:50%; left:50%; margin:-12px 0 0 -12px; animation: pulsate 1s ease-out; animation-iteration-count:infinite; -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count:infinite; -moz-animation: pulsate 1s ease-out; -moz-animation-iteration-count:infinite; } .popup.vanity_result .result ul > a { text-decoration: none; } .popup.vanity_result li.load-more {text-align: center; font-weight: bold; margin-left: -15px; width: 482px; border-top: 1px solid #e7e8ea; position:relative; } .popup.vanity_result li.load-more.loading span {text-indent: 999px; white-space: nowrap; display: inline-block; } .popup.vanity_result li.load-more.loading:after {content:''; position:absolute; border: 2px solid #949597; border-radius:100% ; width:20px; height:20px; top:50%; left:50%; margin:-12px 0 0 -12px; animation: pulsate 1s ease-out; animation-iteration-count:infinite; -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count:infinite; -moz-animation: pulsate 1s ease-out; -moz-animation-iteration-count:infinite; } .popup.vanity_result .number {float:left; } .popup.vanity_result .number:before {content:''; display:inline-block; width:10px; height:18px; opacity:0.5; background-position:-170px -120px; vertical-align: middle; margin: -3px 10px 0 0; } .popup.vanity_result .btns-green-embo {line-height:26px; padding:0 10px; margin: -3px 0 0 5px; vertical-align: middle; } .popup.vanity_result .btn-area {padding:16px; line-height:20px; display: none; } .popup.vanity_result .btn-area a {color:#4978b3} .popup.vanity_result .empty {padding:121px 0 166px; } .popup.vanity_result .empty p {font-size:13px; line-height:18px; color:#8a8f9c; text-align:center; padding:14px 0 0; } .popup.vanity_result .empty b {display:block; font-size:16px; color:#646973; font-weight:normal; } .popup.vanity_result .phone {width:72px; height: 20px; position:relative; display:block; margin:0 auto; padding: 26px 0; } .popup.vanity_result .phone:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #bcbcbc; opacity:0.15; border-radius: 100%; } .popup.vanity_result .phone:after {content:''; position:absolute; top:7px; left:7px; width:58px; height:58px; border:1px solid #bcbcbc; opacity:0.35; border-radius: 100%; } .popup.vanity_result .phone .icon:before {content:''; position:absolute; top:14px; left:14px; width:44px; height:44px; border:1px solid #bcbcbc; opacity:0.7; border-radius: 100%; } .popup.vanity_result .phone .icon:after {content:''; position:relative; display:block; width:20px; height:20px; background-position: -60px -30px; margin: 0 auto; } #popup_container.vanity_learn .popup.vanity_learn {display:block; } #popup_container .popup.vanity_learn {width:482px; border-radius:3px; background:#fff; } .popup.vanity_learn .terms {padding:14px 16px 0; height:555px; overflow:auto; } .popup.vanity_learn h3 {font-size:13px; line-height:18px; padding-bottom:5px; } .popup.vanity_learn .terms p {font-size:13px; line-height:18px; padding-bottom:18px; } .popup.vanity_learn a {color:#4978b3; } #popup_container.general_size_guide .popup.general_size_guide {display:block;} #popup_container .popup.general_size_guide {width:670px;background:#fff;border-radius:3px;} .popup.general_size_guide .tab {display:none;box-shadow:inset 0 -1px 0 #f0f0f0;padding: 0;background: none;} .popup.general_size_guide .tab li {float:left;} .popup.general_size_guide .tab a {display:block;font-weight:bold;padding:0 15px;color:#b1b5bd;font-size:12px;line-height:44px;box-shadow: inset 0 -2px 0 #f0f0f0;background: none;} .popup.general_size_guide .tab a:hover {text-decoration:none;} .popup.general_size_guide .tab a.current {color:#4e535c;box-shadow: inset 0 -2px 0 #547caf;} .popup.general_size_guide .tab:after {content:'';clear:both;display:block;} .popup.general_size_guide .table {border: 1px solid #ddddde;border-radius:3px;} .popup.general_size_guide .tb-type4 {width:100%;} .popup.general_size_guide .tb-type4 thead th {vertical-align:middle;border-bottom: 1px solid #D4D5D6;background: #FCFCFC;background: -webkit-linear-gradient(top,#FCFCFC,#F5F5F5);background: -moz-linear-gradient(top,#fcfcfc,#f5f5f5);background: -o-linear-gradient(top,#fcfcfc,#f5f5f5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#f5f5f5');background-image: -ms-linear-gradient(#fcfcfc,#f5f5f5);font-weight: bold;font-size: 12px;color: #4e535c;height: 34px;padding: 0 10px;text-align: center;border-left: 0;} .popup.general_size_guide .tb-type4 tbody td {line-height: 18px;padding: 12px 10px 10px;vertical-align: middle;color: #4f5764;transition: background .2s;-webkit-transition: background .2s;-moz-transition: background .2s;border-left: 0;position: relative;text-align: center;} .popup.general_size_guide .tb-type4 tbody tr:nth-child(even) td {background:#f6f7f8;} .popup.general_size_guide .tb-type4 thead th:first-child, .popup.general_size_guide .tb-type4 tbody td:first-child {text-align:left;} .popup.general_size_guide .section {display:none;padding:15px;} .popup.general_size_guide .section p {font-size:12px;line-height:19px;color:#4e535c;padding-bottom:15px;} .popup.general_size_guide .thumbnail {line-height:244px;text-align:center;min-height:245px;border:1px solid #ddddde;border-radius:3px;margin-top: 15px;} .popup.general_size_guide .thumbnail img {max-width:100%;vertical-align:middle;} .popup.general_size_guide .conversion {display:none !important;} .popup.general_size_guide .measuring {display:block !important;} .thing-overlay-on #alertify {z-index: 100; } .scrollbar-measure {width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .container .active .figure-item .menu-container > .trick {display:block; } .container .active .figure-item .menu-container #more-menu button {opacity:1 !important; } /* trick back */ body.thing-overlay-on #overlay-thing .thing-detail .trick {position:fixed; top:0; left:0; width:100%; height:100%; opacity:0; display:none; } body.thing-overlay-on #overlay-thing .thing-detail .figure-button .button-static:before {position: absolute; } body.thing-overlay-on #overlay-thing .thing-detail .figure-button #more-menu > .add-list {width: 66px; padding: 1px 5px 0 10px; text-align: left; margin-right: 7px; } body.thing-overlay-on #overlay-thing .thing-detail .figure-button #more-menu > .add-list:before {position: static; left: auto; right: auto; margin: auto; margin-top: -9px; vertical-align: middle; } /* JS Control */ body.thing-overlay-on { overflow: hidden; } body.thing-overlay-on #overlay-thing {background: rgba(230,231,232,0.95); display: block; opacity: 1; z-index: 20; padding: 0; overflow: hidden; } body.thing-overlay-on #overlay-thing .popup.thing-detail {display: block; cursor:pointer; } /* static OT page */ body.thing-overlay-on.static-ot {background: #ebeced; overflow: auto; } body.thing-overlay-on.static-ot #header { top: 0; } body.thing-overlay-on.static-ot #overlay-thing {background: transparent; z-index: 0; padding-top: 0; position: static; height: auto; overflow: visible; z-index: 0; } body.thing-overlay-on.static-ot #overlay-thing .popup.thing-detail {cursor: default; padding: 0 0 0 190px; height: auto; position: static; width: 970px; margin: 0 auto; overflow: visible; } body.thing-overlay-on.static-ot #overlay-thing .thing-detail .wrapper-content {padding:0; z-index: 0; left: 0 !important; } body.thing-overlay-on.static-ot #overlay-thing .thing-detail .wrapper-content:hover {z-index:1; } body.thing-overlay-on.static-ot #overlay-thing .thing-detail .wrapper-content .timeline { padding-bottom: 68px; } body.thing-overlay-on.static-ot #overlay-thing .thing-detail > .ly-close { display: none; } body.thing-overlay-on.static-ot #overlay-thing .popup_prev, body.thing-overlay-on.static-ot #overlay-thing .popup_next { display: none !important; } /*FIXME*/ body.thing-overlay-on.static-ot #container-wrapper { z-index: 1; } html.fixed body.thing-overlay-on.static-ot {overflow-y: scroll; } html.fixed body.thing-overlay-on.static-ot #overlay-thing {position:fixed; } /* bugfix: for when html.fixed is added */ /* navigation */ body.thing-overlay-on.static-ot #overlay-thing .container {padding-top: 0; min-height: 0; } body.thing-overlay-on.static-ot .container.thing-detail {min-height: 0; } body.thing-overlay-on #popup_container {z-index: 100; } body.thing-overlay-on.static-ot #overlay-thing.show_detail .detail_bar {top: 52px; } body.thing-overlay-on.static-ot #overlay-thing .detail_bar {padding-left:190px; } .sale-item-input .sizeguide { display: block; padding: 10px 0; } .sale-item-input .sizeguide a { font-size: 12px; } @keyframes video_spin {0% {opacity:1; transform: rotate(0); } 100% {opacity:1; transform: rotate(360deg); }} @-moz-keyframes video_spin {0% {opacity:1; -moz-transform: rotate(0); }100% {opacity:1; -moz-transform: rotate(360deg); }} @-webkit-keyframes video_spin {0% {opacity:1; -webkit-transform: rotate(0); }100% {opacity:1; -webkit-transform: rotate(360deg); }} @-webkit-keyframes push_btn {0% { -webkit-transform: scale(1) }50% {-webkit-transform: scale(0.8); }75% {-webkit-transform: scale(1.1); }100% {-webkit-transform: scale(1.0); }} @keyframes push_btn {0% { transform: scale(1); } 50% {transform: scale(0.8); }75% {transform: scale(1.1); }100% {transform: scale(1.0); }} @-webkit-keyframes push_btn4 {0% { -webkit-transform: scale(1); opacity:1; }20% { -webkit-transform: scale(1); opacity:1; }40% { -webkit-transform: scale(1); opacity:0; }50% {-webkit-transform: scale(0.5); opacity:0; }50% {-webkit-transform: scale(0.5); opacity:0; }62.5% {-webkit-transform: scale(0.5); opacity:0; }75% {-webkit-transform: scale(1.3); opacity:1; }87.5% {-webkit-transform: scale(0.95); opacity:1; }100% {-webkit-transform: scale(1); opacity:1; }} @keyframes push_btn4 {0% { transform: scale(1); opacity:1; }20% { transform: scale(1); opacity:1; }40% { transform: scale(1); opacity:0; }50% {transform: scale(0.5); opacity:0; }50% {transform: scale(0.5); opacity:0; }62.5% {transform: scale(0.5); opacity:0; }75% {transform: scale(1.3); opacity:1; }87.5% {transform: scale(0.95); opacity:1; }100% {transform: scale(1); opacity:1; }} @-webkit-keyframes push_btn2 {0% { -webkit-transform: scale(0); box-shadow:inset 0 0 0 20px #8e939f; opacity:0; }50% {box-shadow:inset 0 0 0 1px #8e939f; opacity:0.8; }100% {-webkit-transform: scale(1); box-shadow:inset 0 0 0 0 #8e939f; opacity:0; }} @keyframes push_btn2 {0% { transform: scale(0); box-shadow:inset 0 0 0 20px #8e939f; opacity:0; }50% {box-shadow:inset 0 0 0 1px #8e939f; opacity:0.8; }100% {transform: scale(1); box-shadow:inset 0 0 0 0 #8e939f; opacity:0; }} @-webkit-keyframes push_btn3 {0% { -webkit-transform: scale(0); box-shadow:inset 0 0 0 20px #4f8dcb; opacity:0; }50% {box-shadow:inset 0 0 0 1px #4f8dcb; opacity:0.8; }100% { -webkit-transform: scale(1); box-shadow:inset 0 0 0 0 #4f8dcb; opacity:0; }} @keyframes push_btn3 {0% { transform: scale(0); box-shadow:inset 0 0 0 20px #4f8dcb; opacity:0; }50% {box-shadow:inset 0 0 0 1px #4f8dcb; opacity:0.8; }100% {transform: scale(1); box-shadow:inset 0 0 0 0 #4f8dcb; opacity:0; }} @-webkit-keyframes remove_users {0% { -webkit-transform: scale(1); margin-left:0; opacity:1; } 35% { -webkit-transform: scale(0); margin-left:0; opacity:0; } 70% { -webkit-transform: scale(0); margin-left:-30px; opacity:0; }100% { -webkit-transform: scale(0); margin-left:-30px; opacity:0; }} @keyframes remove_users {0% {transform: scale(1); margin-left:0; opacity:1; } 35% {transform: scale(0); margin-left:0; opacity:0; } 70% { transform: scale(0); margin-left:-30px; opacity:0; }100% { transform: scale(0); margin-left:-30px; opacity:0; }} @-webkit-keyframes add_users {0% { -webkit-transform: scale(0); margin-right:-30px; opacity:0; }35% { -webkit-transform: scale(1); margin-right:0; opacity:0; } 70% { -webkit-transform: scale(1); margin-right:0; opacity:1; } 100% { -webkit-transform: scale(1); margin-right:0; opacity:1; }} @keyframes add_users {0% {transform: scale(0); margin-right:-30px; opacity:0; }35% {transform: scale(1); margin-right:0; opacity:0; } 70% {transform: scale(1); margin-right:0; opacity:1; } 100% {transform: scale(1); margin-right:0; opacity:1; }} @-webkit-keyframes show_list {0% { opacity:0; } 100% { opacity:1; }} @keyframes show_list {0% { opacity:0; } 100% { opacity:1; }} @-webkit-keyframes scaleout2 {0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% {transform: scale(1.0); -webkit-transform: scale(1.0); } 100% { transform: scale(0.0); -webkit-transform: scale(0.0); }} @keyframes scaleout2 {0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% {transform: scale(1.0); -webkit-transform: scale(1.0); } 100% { transform: scale(0.0); -webkit-transform: scale(0.0); }} @keyframes bouncy_button {0% { transform: scale(1.0); } 35% {transform: scale(1.09); } 55% {transform: scale(1.02); } 80% {transform: scale(1.12); } 100% { transform: scale(1.1); }} /* @keyframes bouncy_button_back {0% { transform: scale(1.1); } 40% {transform: scale(1.08);} 80% {transform: scale(1.02);} 100% { transform: scale(1); }} */