/* Share ------------------------------------ */ .share-box { width: 400px; height: 300px; position: fixed; top: 50%; left: 50%; margin-left: -200px; margin-top: -150px; background: #fff; padding: 40px; box-shadow: 0 0 20px rgba(0,0,0,0.2); border: 1px solid #ddd; z-index: 100; } .share-close { display: block; padding: 15px; text-align: center; text-decoration: none; } /* Labels ------------------------------------ */ .video-label { padding: 15px 0; margin: 20px 0 -15px 0; } .video-label-default { background: #ccc; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; padding: 10px 20px; margin: 10px 0; font-weight: bold; text-transform: uppercase; font-size: 20px; } .video-label-mini { background: #ccc; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; padding: 5px 20px; margin: 10px 0; font-weight: bold; position: absolute; text-transform: uppercase; font-size: 15px; } /*.video-label span { text-decoration: none; }*/ .video-show { background: #fc0; color: #000; } .video-exclusive { background: #c00; color: #fff; } .video-documentary { background: #039; color: #fff; } .video-makingof { background: #066; color: #fff; } .video-web-exclusive { background: #0c6; color: #fff; } .video-web-series { background: #0c0; color: #fff; } .video-special { background: #900; color: #fff; } .video-promo { background: #060; color: #fff; } .video-premiere { background: #f60; color: #fff; } .video-featured { background: #920; color: #fff; } .video-sponsored { background: #cc0; color: #fff; } .video-series { background: #9c0; color: #fff; } .video-popular { background: #f00; color: #fff; } .video-teaser { background: #0cc; color: #fff; } .video-full { background: #000; color: #fff; }