/*Author:liuhui*/
/*不换行 white-space:nowrap;  word-wrap:break-word;word-break:normal;*/
/* css reset */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,input,button,textarea,p{margin:0;padding:0}
img,abbr{border:0;vertical-align:top}
address,caption,cite,em,optgroup,i{font-style:normal}
ul,ol{list-style:none}
table{border-collapse:collapse;border-spacing:0}
blockquote,q{quotes:none}
a:focus,input:focus,textarea:focus{outline:none}
a,a:visited,ins{text-decoration:none}
a:hover{text-decoration:underline}
a.u,a.u:visited{text-decoration:underline}
a.u:hover{text-decoration:none}
input[type="submit"]{border:none;cursor:pointer}
/* HTML5 display-role reset for older browsers */
article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}
figure{margin:0}
/* basic */
*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{font:14px/24px "\5FAE\8F6F\96C5\9ED1",Verdana,Arial,sans-serif;overflow-y:scroll}
.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}
.fl{float:left}.fr{float:right}.cl{clear:both}
.pr{position:relative}.pa{position:absolute}.pf{position:fixed}
.cf,.wrap{*display:inline-block;*zoom:1}
.cf:after,.wrap:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.tab-click dt,.tab-over dt{cursor:pointer;float:left;position:relative;text-align:center}
.tab-con,.data-dome{display:none}
.tab-con.show{display:block}
.pipe{display:inline-block;width:1px;background:#ccc;margin:0 10px;height:10px;vertical-align:middle}
.toe{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/*font*/
.fb{font-weight:bold!important}.fn{font-weight:normal!important}
.ft-line{white-space:nowrap}
.fs-ita{font-style:italic}
.fc-fff,a.fc-fff{color:#fff!important}
.fc-ccc,a.fc-ccc{color:#ccc!important}
.fc-999,a.fc-999{color:#999!important}
.fc-666,a.fc-666{color:#666!important}
.fc-000,a.fc-000{color:#000!important}
.fc-red,a.fc-red{color:#e33!important}
.fc-green,a.fc-green{color:#2ca35c!important}
.fc-blue,a.fc-blue{color:#136bcd!important}
.fc-org,a.fc-org{color:#f2631c!important}
.fc-yellow,a.fc-yellow{color:#cb0!important}
/*frame*/
.wrap{margin:0 auto;position:relative}
.center,.center-v,.center-h{position:absolute;z-index:100}
.center{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.center-v{top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
.center-h{left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
/*翻页*/
.page-bar{clear:both;margin:20px 0;text-align:center;height:32px}
.page-bar a,.page-bar span{font-weight:normal;background:#fff;border:1px solid #e5e5e5;color:#999;padding:5px 10px;margin-right:3px;display:inline-block;*zoom:1;*display:inline;font-size:14px}
.page-bar strong{margin:0 5px}
.page-bar a,.page-bar span{vertical-align:top}
.page-bar a:hover{background:#f1f1f1;text-decoration:none}
.page-bar a.curr{background:#f2631c;border-color:#f2631c;color:#fff}
.page-bar li{display:inline-block;*zoom:1;*display:inline}
.page-bar span.disabled{background:#f5f5f5;color:#ccc}
.page-bar .total{line-height:32px;vertical-align:top;color:#999;padding-left:10px}
.page{display:none}
.page-1{display:block}
/* video-box */
.video-box{position:relative;overflow:hidden;color:#ccc;background:#000;width:100%}
.video-box>video{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0}
.video-box p.text{padding:50px 10% 0;font-size:16px;line-height:24px;height:100%;position:absolute;top:0;left:0;width:80%;background:#000;z-index:10}
.video-box .loading,.video-box .video-init{position:absolute;top:0;left:0;width:100%;height:100%;background:url(images/loading.gif) no-repeat 50% 50%;z-index:2;display:none}
.video-box .video-init{background:url(images/play.png) no-repeat 50% 50%;opacity:.4;filter:alpha(opacity=40);cursor:pointer}
.video-box .video-init:hover{opacity:1;filter:alpha(opacity=100);background-color:none;background-color:rgba(0,0,0,.3)}
.video-box .control{background:#222;color:#ccc;position:absolute;bottom:-42px;left:0;width:100%;z-index:5;display:block;height:42px}
.video-box:hover .control{bottom:0}
.video-box .progress{height:5px;width:100%;position:relative;background:#555;border-radius:1px;border:0}
.video-box .progress span{position:absolute;top:0;left:0;height:100%;z-index:5;width:0}
.video-box .progress span.timeBar{background:#aaa}
.video-box .handle{height:40px;line-height:40px;clear:both}
.video-box .handle .block{border:1px solid #333;border-width:0 1px;height:40px;float:right;padding:0 10px}
.video-box .handle .btn{width:40px;height:40px;background:url(images/cs-video.png) no-repeat;float:left;cursor:pointer}
.video-box .handle .paused{background-position:0 -40px}
.video-box .handle .btnStop{background-position:0 -80px}
.video-box .handle .btnFS{background-position:0 -240px}
.video-box .handle .sound{background-position:0 -160px}
.video-box .handle .sound2{background-position:0 -200px}
.video-box .handle .muted{background-position:0 -120px}
.video-box .handle .time{float:left;font-family:arial;font-size:12px;color:#777;padding-left:30px}
.video-box .handle .current{color:#fff}
.volume{position:relative;cursor:pointer;width:100px;height:10px;margin-top:15px;float:left;background:#555}
.volumeBar{display:block;height:100%;position:absolute;top:0;left:0;background-color:#ddd;z-index:10}
.video-box .handle .pic{background:url(images/logo.png) center center no-repeat;width:200px;float:right;height:40px;background-size:auto 90%}

/*弹窗*/
.pop-box{display:none;position:fixed;top:50%;left:50%;background:#fff;z-index:1001;box-shadow:0 0 10px rgba(0,0,0,.3)}
.pop-box .title{height:42px;line-height:42px;font-size:16px;padding:0 20px;background:#333;color:#fff}
.pop-box .content{padding:20px;clear:both;min-width:270px;*display:inline-block;*zoom:1;_display:inline}
.pop-box .content:after{content:"";display:block;height:0;clear:both}
.pop-box .content .info{line-height:40px;font-size:16px}
.pop-box .botbar{width:100%;height:43px;background:#f7f7f7;text-align:center;padding-top:7px;border-top:1px solid #ddd;clear:both;display:block}
.pop-box .tip99{line-height:20px;padding:10px 0;color:#999}
.pop-box .btn-close{display:block;position:absolute;width:50px;height:50px;cursor:pointer;top:0;right:-50px;z-index:100}
.pop-box .btn-close:hover{opacity:.6;filter:alpha(opacity=60)}
.pop-box .btn-close:after,.pop-box .btn-close:before{width:2px;height:50px;display:block;position:absolute;left:25px;top:0;content:"";background:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.pop-box .btn-close:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}



/*动画*/
a,.animate,.tab-click dt,.tab-over dt,.pop-box .btn-close{-moz-transition:all 0.25s ease-out;-webkit-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out}
.no-animate{-moz-transition:none;-webkit-transition:none;-o-transition:none;transition:none}