.meteo-video-content{ width:492px; /*width:500px;*/ height: 78px; } .meteo-video-title{ height: 20px; } .meteo-video-panel{ height: 54px; background: #1257ac; border: 1px solid #03e3fa; /*clear: both;*/ } .meteo-video-panel-left{ height: 54px; width: 14px; float: left; background: url(../img/border-left.png) no-repeat; } .meteo-video-panel-right{ height: 54px; width: 14px; float: right; background: url(../img/border-right.png) no-repeat; } .meteo-video-panel-center{ width: 400px; height: 54px; float: left; } .meteo-title-left{ height: 20px; width: auto; float: left; max-width: 600px; } .meteo-title-left .meteo-title-left-l{ width: 7px; height: 20px; float: left; background: url(../img/title-lbg.png) no-repeat; } .meteo-title-left .meteo-title-left-c{ float: left; height: 20px; min-width: 92px; font-size: 13px; color: #FFF; background: url(../img/title-cbg.png) repeat-x; } .meteo-title-left .meteo-title-left-r{ width: 20px; height: 20px; float: left; background: url(../img/title-rbg.png) no-repeat; } .meteo-title-right-close{ width: 24px; height: 20px; float: right; cursor: pointer; margin-top: 2px; background: url(../img/btn_close.png) 0 5px no-repeat; } .meteo-video-progress-total{ height: 24px; width: 400px; } .meteo-video-progress-div{ margin-top: 18px; height: 6px; float: left; } .meteo-video-progress{ height: 6px; width: 400px; cursor: pointer; position: relative; background: url(../img/time-progress.png) no-repeat; } .meteo-video-progress_btn{ height: 24px; width: 24px; cursor: pointer; position: absolute; top: -11px; left: -11px; background: url(../img/point.png) no-repeat; } .meteo-video-opt{ height: 30px; width: 400px; float: left; } .meteo-video-bottom{ position: absolute; left: 200px; height: 30px; width: 160px; margin: 7px 0px 0px 0px; float: left; text-align: center; } .meteo-video-btn-group{ position: absolute; left: 20px; width: 160px; height: 24px; float: left; margin-left: 18px; text-align: center; } .meteo-start-time{ color: #FFF; width: 160px; font-size: 8px; float: left; height: 24px; margin-top: 3px; text-align: left; } .meteo-end-time{ color: #FFF; float: left; width:120px; font-size: 8px; height: 24px; margin-top: 3px; text-align: right; } .meteo-video-btn-stop{ width: 12px; height: 12px; float: left; cursor: pointer; } .meteo-video-btn-back{ width: 10px; margin-left: 25px; height: 14px; float: left; cursor: pointer; } .meteo-video-btn-play{ width: 12px; height: 16px; margin-left: 25px; float: left; cursor: pointer; } .meteo-video-btn-next{ width: 10px; margin-left: 25px; height: 14px; float: left; cursor: pointer; } .meteo-video-progress-count{ width: 60px; height: 53px; color: #03e3fa; font-size: 12px; float: left; } .meteo-video-progress-times{ height: 16px; margin: 10px 0px 0px 4px; } .meteo-video-progress-nowtime{ color: #03e3fa; font-size: 12px; } .meteo-video-progress-lasttime{ color: #03e3fa; font-size: 12px; } .meteo-video-progress-bottom{ float: left; height: 24px; width: 60px; } .meteo-video-query-btn{ height: 24px; width: 22px; cursor: pointer; margin-left: 20px; background: url(../img/time-queryBtn.png) no-repeat; } .meteo-video-query-panel{ display: none; width: 260px; height: 53px; position: relative; float: left; } .meteo-video-ipt-div{ width: 220px; height: 53px; } .meteo-video-query-ipt{ padding: 2px; width: 220px; height: 24px; } .meteo-video-query-label{ color: #FFF; text-align: center; vertical-align: middle; font-size: 13px; } .meteo-video-query-div{ position: absolute; height: 53px; top: 8px; right: 3px; width: 40px; } .meteo-video-query-btns{ height: 21px; width: 29px; color: #1257ac; text-align: center; vertical-align: middle; padding: 5px; background: #FFF; cursor: pointer; border-radius: 4px; border: 1px solid #03e3fa; } .meteo-video-query-btns:hover{ font-weight: bold; background: #cbffc3; opacity: 0.8; } #meteo-video-query-startDate{ width: 140px; height: 20px; line-height: 18px; font-size: 12px; } #meteo-video-query-endDate{ width: 140px; height: 20px; line-height: 18px; font-size: 12px; } .meteo-video-stop-img{ background: url(../img/stop_gray.png) no-repeat; } .meteo-video-back-img{ background: url(../img/prev_gray.png) no-repeat; } .meteo-video-play-img{ background: url(../img/play.png) no-repeat; } .meteo-video-parse-img{ background: url(../img/pause.png) no-repeat; } .meteo-video-next-img{ background: url(../img/next_gray.png) no-repeat; } .meteo-video-stop-img-blue{ background: url(../img/stop_blue.png) no-repeat; } .meteo-video-back-img-blue{ background: url(../img/prev_blue.png) no-repeat; } .meteo-video-play-img-blue{ background: url(../img/next_blue.png) no-repeat; } .meteo-video-next-img-blue{ background: url(../img/next_blue.png) no-repeat; }