[spec-hint] { display: inline-block; position: relative; } [spec-hint]:before, [spec-hint]:after { opacity: 0; pointer-events: none; position: absolute; transition: all 0.3s ease 0s; visibility: hidden; z-index: 1000000; } [spec-hint]:hover:before, [spec-hint]:hover:after { opacity: 1; visibility: visible; } [spec-hint]:before { background: none repeat scroll 0 0 transparent; border: 6px solid transparent; content: “”; position: absolute; z-index: 1000001; } [spec-hint]:after { background: none repeat scroll 0 0 #494949; box-shadow: 4px 4px 8px rgb(0 0 0 / 30%); border-top-color: #494949; border-bottom-color: #494949; color: #fff; content: attr(spec-hint); font-size: 12px; line-height: 12px; padding: 8px 10px; display: block; white-space: pre; } .spec–top:before { border-top-color: #494949; } .spec–top:before { margin-bottom: -12px; } .spec–top:after { margin-left: -18px; } .spec–top:before, .spec–top:after { bottom: 100%; left: 50%; } .spec–top:hover:before, .spec–top:hover:after { transform: translateY(-8px); } .spec–top:hover{opacity:1;} #product-attribute-specs-table{width:100%;display:table;border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc;color:#555;font-size:16px;} #product-attribute-specs-table th,#product-attribute-specs-table td{border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;padding:15px 10px;line-height:1.3;} #product-attribute-specs-table th.label{font-size:110%;font-weight:500;text-align:left;white-space:nowrap;vertical-align:baseline;color:#000;} #product-attribute-specs-table th img{vertical-align:middle;} .youtube-video-dialog{text-align:center;} .yt-v-popup{width:710px;left:calc(50% – 350px);top:calc(50% – 300px);} .yt-v-popup .modal-content{padding-left:10px;padding-right:10px;padding-bottom:10px;} .yt-v-popup .modal-header{padding-top:15px;padding-bottom:15px;} .yt-v-popup .action-close{padding-top:0px;} @media(min-width:768px) and (max-width:1000px){#product-attribute-specs-table{font-size:9px;}} function openYoutubeVideo(url){ var popup = jQuery(‘