.dl-vb-1{display:inline-block;transition:all .5s ease;-webkit-transition:all .5s ease}.dl-vb-1 svg{width:110px;height:110px}.dl-vb-1 .circle{stroke:#fff;stroke-dasharray:650;stroke-dashoffset:650;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;opacity:.3}.dl-vb-1 .triangle{transition:all .7s ease-in-out;-webkit-transition:all .7s ease-in-out;stroke-dasharray:240;stroke-dashoffset:480;stroke:#fff;transform:translateY(0)}.dl-vb-1:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:#fff;animation:nudge .7s ease-in-out}@keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}.dl-vb-1:hover .circle{stroke-dashoffset:0;opacity:1}.dl-vb-2{background-color:#fff;position:relative;width:100px;height:100px;line-height:100px;font-size:24px;color:#333;text-align:center;display:block;border-radius:50%;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;--play-btn-shadow-color:rgba(255, 255, 255, 0.50)}.dl-vb-2:hover{background-color:#333;color:#fff;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}.dl-vb-2 .ripple,.dl-vb-2 .ripple:after,.dl-vb-2 .ripple:before{position:absolute;left:50%;top:50%;width:98px;height:98px;transform:translateX(-50%) translateY(-50%);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 0 0 var(--play-btn-shadow-color);-moz-box-shadow:0 0 0 0 var(--play-btn-shadow-color);-ms-box-shadow:0 0 0 0 var(--play-btn-shadow-color);-o-box-shadow:0 0 0 0 var(--play-btn-shadow-color);box-shadow:0 0 0 0 var(--play-btn-shadow-color);-webkit-animation:rippleOne 3s infinite;-moz-animation:rippleOne 3s infinite;-ms-animation:rippleOne 3s infinite;-o-animation:rippleOne 3s infinite;animation:rippleOne 3s infinite}.dl-vb-2 .ripple:before{-webkit-animation-delay:.9s;-moz-animation-delay:.9s;-ms-animation-delay:.9s;-o-animation-delay:.9s;animation-delay:.9s;content:"";position:absolute;right:0;bottom:0}.dl-vb-2 .ripple:after{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;content:"";position:absolute;right:0;bottom:0}@-webkit-keyframes rippleOne{70%{box-shadow:0 0 0 70px rgba(244,68,56,0)}100%{box-shadow:0 0 0 0 rgba(244,68,56,0)}}@keyframes rippleOne{70%{box-shadow:0 0 0 70px rgba(244,68,56,0)}100%{box-shadow:0 0 0 0 rgba(244,68,56,0)}}.dl-vb-3{background-color:#fff;cursor:pointer;font-size:24px;fill:#333;z-index:2;height:70px;width:70px;line-height:70px;text-align:center;border-radius:50%;-webkit-animation:btn-anim 1s linear infinite;animation:btn-anim 1s linear infinite;-webkit-transition:all .5s linear;transition:all .5s linear}.dl-vb-3 svg{width:30px;margin-left:5px;margin-bottom:5px;vertical-align:middle}.dl-vb-3:hover{background-color:#333;fill:#fff;-webkit-transition:all .5s linear;transition:all .5s linear}@keyframes btn-anim{0%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1),0 0 0 40px rgba(255,255,255,.1);box-shadow:0 0 0 0 rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1),0 0 0 40px rgba(255,255,255,.1)}100%{-webkit-box-shadow:0 0 0 20px rgba(255,255,255,.1),0 0 0 40px rgba(255,255,255,.1),0 0 0 60px rgba(255,255,255,0);box-shadow:0 0 0 20px rgba(255,255,255,.1),0 0 0 40px rgba(255,255,255,.1),0 0 0 60px rgba(255,255,255,0)}}.el-lightbox:hover{cursor:pointer}