.vod-stage{position:relative;display:block;width:300px;height:200px;background-color:#000;overflow:hidden}
.vod-stage.vod-light{background-color:#fff}
.vod-stage.vod-dark{background-color:#000}
.vod-stage.vod-preloading .hover-layer{display:none}
.vod-preloader{display:none}
.vod-stage .hover-layer{display:block;position:absolute;top:0;z-index:15;text-align:center;opacity:0;width:inherit}
.vod-stage.browser-normal .hover-layer,.vod-stage.browser-opera .hover-layer{transition:all .5s ease-in-out}
.vod-stage.browser-webkit .hover-layer{-webkit-transition:all .5s ease-in-out}
.vod-stage.browser-moz .hover-layer{-moz-transition:all .5s ease-in-out}
.vod-stage.browser-msie .hover-layer{-ms-transition:all .5s ease-in-out}
.vod-preloading .vod-preloader{display:block;height:20px;width:20px;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;border-radius:100%;border-left:5px solid rgba(100,100,100,.2);border-right:5px solid rgba(100,100,100,.2)}
.vod-preloading.vod-dark .vod-preloader{border-bottom:5px solid rgba(250,250,250,1);border-top:5px solid rgba(250,250,250,1)}
.vod-preloading.vod-light .vod-preloader{border-bottom:5px solid rgba(50,50,50,1);border-top:5px solid rgba(50,50,50,1)}
.vod-preloading.browser-normal .vod-preloader,.vod-preloading.browser-opera .vod-preloader,.vod-preloading.browser-moz .vod-preloader,.vod-preloading.browser-msie .vod-preloader{animation:spinner-rotation 1.5s infinite linear}
.vod-preloading.browser-webkit .vod-preloader{-webkit-animation:spinner-rotation 1.5s infinite linear}
@-webkit-keyframes spinner-rotation{from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(359deg)}
}
@-moz-keyframes spinner-rotation{from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(359deg)}
}
@-o-keyframes spinner-rotation{from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(359deg)}
}
@keyframes spinner-rotation{from{transform:rotate(0deg)}
to{transform:rotate(359deg)}
}
.vod-stage .hover-layer:hover{opacity:1}
.vod-stage .hover-layer>a{position:absolute;top:50%;display:block;width:inherit;height:20px;vertical-align:middle;color:#fff;text-shadow:1px 1px 1px #000;text-decoration:none;padding:5px 10px;text-align:center;line-height:inherit}
.vod-stage.browser-normal .hover-layer>a{background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,0.33) 20%,rgba(0,0,0,0.65) 30%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0.22) 80%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%)}
.vod-stage.browser-webkit .hover-layer>a{background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(20%,rgba(0,0,0,0.33)),color-stop(30%,rgba(0,0,0,0.65)),color-stop(60%,rgba(0,0,0,0.65)),color-stop(80%,rgba(0,0,0,0.22)),color-stop(90%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0)));background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,0.33) 20%,rgba(0,0,0,0.65) 30%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0.22) 80%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%)}
.vod-stage.browser-moz .hover-layer>a{background:-moz-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,0.33) 20%,rgba(0,0,0,0.65) 30%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0.22) 80%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%)}
.vod-stage.browser-msie .hover-layer>a{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=1);background:-ms-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,0.33) 20%,rgba(0,0,0,0.65) 30%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0.22) 80%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%)}
.vod-stage.browser-opera .hover-layer>a{background:-o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,0.33) 20%,rgba(0,0,0,0.65) 30%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0.22) 80%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%)}
.vod-stage .vod-holder{position:absolute;z-index:5}
.vod-stage .vod-holder img{position:absolute;z-index:5}
.vod-stage .vod-header{position:absolute;z-index:7;height:34px;padding:8px 5px;margin:0;font-size:14px;color:#fff}
.vod-stage p.vod-header{height:26px;display:block;overflow:hidden}
.vod-stage .vod-header.vod-overlay{background-color:#000;opacity:.7;z-index:6}
.vod-stage.vod-preloading .vod-header{display:none}
.vod-stage>img{position:absolute}
.vod-stage .vod-control{display:block;position:absolute;z-index:100;width:100%;margin:0;padding:0;font-size:10px}
.vod-stage.vod-preloading .vod-control{display:none}
.vod-stage .vod-control li{list-style:none;float:left;border-right:1px solid #ccc;padding:0;color:#ccc}
.vod-stage .vod-control li.vod-btn{min-width:25px;height:20px}
.vod-stage .vod-control li.vod-btn:hover{cursor:pointer}
.vod-stage .vod-control li.bg{position:absolute;z-index:-1;width:100%;height:20px}
.vod-stage .vod-control li.vod-play a{display:block;width:25px;height:20px;background-repeat:no-repeat;background-position:8px 6px}
.vod-stage .vod-control li.vod-sound a{display:block;width:25px;height:20px;background-repeat:no-repeat;background-position:5px 6px}
.vod-stage .vod-control li.vod-sound-off a{display:block;width:25px;height:20px;background-repeat:no-repeat;background-position:5px 6px}
.vod-stage .vod-control li.vod-lang{float:right;border-right:0;border-left:1px solid #ccc;width:auto;height:20px;padding-left:5px}
.vod-stage .vod-control .vod-lang>div{padding:3px 3px 5px 0;background-repeat:no-repeat;background-position:0 6px;text-align:left;line-height:14px}
.vod-stage .vod-control .vod-lang ul.select{display:none;position:absolute;z-index:15000;width:130px;margin:0 0 0 -5px;padding:0;border:0;opacity:.9}
.vod-stage .vod-control .vod-lang:hover ul.select{display:block}
.vod-stage .vod-control .vod-lang .select li{float:left;width:100%;padding:2px 5px;margin-bottom:1px;text-transform:capitalize;line-height:15px}
.vod-stage .vod-control .vod-lang .vod-langName{text-transform:capitalize}
.vod-stage .vod-control .vod-lang .vod-flag{display:inline-block;vertical-align:middle;width:18px;height:11px;margin:0 10px 0 0;padding:0;background-repeat:no-repeat;background-image:url('/resources/v_4_7_0_14/layouts/common/images/vod/flags.png');margin-top:-2px}
.vod-stage .vod-control .vod-lang .vod-active{display:none}
.vod-stage .vod-control .vod-lang .ENG .vod-flag{background-position:0 -1px}
.vod-stage .vod-control .vod-lang .KOR .vod-flag{background-position:0 -14px}
.vod-stage .vod-control .vod-lang .JPN .vod-flag{background-position:0 -27px}
.vod-stage .vod-control .vod-lang .ESP .vod-flag{background-position:0 -40px}
.vod-stage .vod-control .vod-lang .ZHT .vod-flag{background-position:0 -53px}
.vod-stage .vod-control .vod-current-language .vod-flag{margin-left:5px;margin-right:0}
.vod-stage ul.vod-control li.vod-lang .vod-icon{display:inline-block;vertical-align:middle;width:10px;height:15px}
.vod-icon{display:inline-block;background:url('/resources/v_4_7_0_14/layouts/common/images/vod/vod-controls.sprite.png')}
.vod-stage ul.vod-control.dark li.bg,.vod-stage ul.vod-control.light li.vod-btn:hover{background:#666}
.vod-stage.browser-normal ul.vod-control.dark li.bg,.vod-stage.browser-normal ul.vod-control.light li.vod-btn:hover{background:linear-gradient(top bottom,#666 0,#262626 50%,#020202 51%,#777 100%)}
.vod-stage.browser-webkit ul.vod-control.dark li.bg,.vod-stage.browser-webkit ul.vod-control.light li.vod-btn:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#666),color-stop(50%,#262626),color-stop(51%,#020202),color-stop(100%,#777));background:-webkit-linear-gradient(top,#666 0,#262626 50%,#020202 51%,#777 100%)}
.vod-stage.browser-moz ul.vod-control.dark li.bg,.vod-stage.browser-moz ul.vod-control.light li.vod-btn:hover{background:-moz-linear-gradient(top,#666 0,#262626 50%,#020202 51%,#777 100%)}
.vod-stage.browser-msie ul.vod-control.dark li.bg,.vod-stage.browser-msie ul.vod-control.light li.vod-btn:hover{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666',endColorstr='#777777',GradientType=0);background:-ms-linear-gradient(top,#666 0,#262626 50%,#020202 51%,#777 100%)}
.vod-stage.browser-opera ul.vod-control.dark li.bg,.vod-stage.browser-opera ul.vod-control.light li.vod-btn:hover{background:-o-linear-gradient(top,#666 0,#262626 50%,#020202 51%,#777 100%)}
.vod-stage ul.vod-control.light li.bg,.vod-stage ul.vod-control.dark li.vod-btn:hover{background:#e2e2e2}
.vod-stage.browser-normal ul.vod-control.light li.bg,.vod-stage.browser-normal ul.vod-control.dark li.vod-btn:hover{background:linear-gradient(top bottom,#e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%)}
.vod-stage.browser-webkit ul.vod-control.light li.bg,.vod-stage.browser-webkit ul.vod-control.dark li.vod-btn:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e2e2e2),color-stop(50%,#dbdbdb),color-stop(51%,#d1d1d1),color-stop(100%,#fefefe));background:-webkit-linear-gradient(top,#e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%)}
.vod-stage.browser-moz ul.vod-control.light li.bg,.vod-stage.browser-moz ul.vod-control.dark li.vod-btn:hover{background:-moz-linear-gradient(top,#e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%)}
.vod-stage.browser-msie ul.vod-control.light li.bg,.vod-stage.browser-msie ul.vod-control.dark li.vod-btn:hover{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2',endColorstr='#fefefe',GradientType=0);background:-ms-linear-gradient(top,#e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%)}
.vod-stage.browser-opera ul.vod-control.light li.bg,.vod-stage.browser-opera ul.vod-control.dark li.vod-btn:hover{background:-o-linear-gradient(top,#e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%)}
.vod-stage ul.vod-control.light li.vod-play a,.vod-stage ul.vod-control.dark li.vod-play:hover a{background-position:2px -19px}
.vod-stage ul.vod-control.dark li.vod-play a,.vod-stage ul.vod-control.light li.vod-play:hover a{background-position:2px 1px}
.vod-stage ul.vod-control.light li.vod-play.vod-pause a,.vod-stage ul.vod-control.dark li.vod-play.vod-pause:hover a{background-position:-23px -20px}
.vod-stage ul.vod-control.dark li.vod-play.vod-pause a,.vod-stage ul.vod-control.light li.vod-play.vod-pause:hover a{background-position:-23px 0}
.vod-stage ul.vod-control.light li.vod-sound a,.vod-stage ul.vod-control.dark li.vod-sound:hover a{background-position:-50px -20px}
.vod-stage ul.vod-control.dark li.vod-sound a,.vod-stage ul.vod-control.light li.vod-sound:hover a{background-position:-50px 0}
.vod-stage ul.vod-control.light li.vod-sound-off a,.vod-stage ul.vod-control.dark li.vod-sound-off:hover a{background-position:-73px -20px}
.vod-stage ul.vod-control.dark li.vod-sound-off a,.vod-stage ul.vod-control.light li.vod-sound-off:hover a{background-position:-73px 0}
.vod-stage ul.vod-control.light li.vod-lang .vod-icon,.vod-stage ul.vod-control.dark li.vod-lang:hover .vod-icon{background-position:-104px -23px}
.vod-stage ul.vod-control.dark li.vod-lang .vod-icon,.vod-stage ul.vod-control.light li.vod-lang:hover .vod-icon{background-position:-104px -2px}
.vod-stage ul.vod-control.light li.vod-lang>div,.vod-stage ul.vod-control.dark li.vod-lang:hover>div{background-position:0 0;color:#444}
.vod-stage ul.vod-control.dark li.vod-lang>div,.vod-stage ul.vod-control.light li.vod-lang:hover>div{background-position:0 0;color:#ddd}
.vod-stage ul.vod-control.dark li.vod-lang ul.select li,.vod-stage ul.vod-control.light li.vod-lang ul.select li:hover{color:#333;background-color:#ddd}
.vod-stage ul.vod-control.dark li.vod-lang ul.select li:hover,.vod-stage ul.vod-control.light li.vod-lang ul.select li{color:#ddd;background-color:#333}
.vod-stage.vod-preloading .vod-slides{opacity:0}
.vod-stage .vod-slides{opacity:1;display:block;position:relative;overflow:hidden;width:100%;height:100%;margin:0}
.vod-movie .vod-slides img{position:absolute;opacity:0}
.vod-movie .vod-slides>img:first-child{opacity:1}