﻿/*回放*/
.content{ width:100%; min-width:1000px; height:800px;}
.playL{ height:670px; margin:13px 235px auto 10px;}
.playR{ position:relative; }
.playB{ clear:both; width:100%; height:117px;}
.page1{ width:215px; margin:0 auto; height:606px;}
/*右边样式*/
.listItem{ height:24px; line-height:24px; margin-bottom:5px; text-align:left;}
.textW{ float:left; display:block; width:60px; margin-left:10px; _margin-left:5px; color:#FFF;}

.select1{ width:120px;}
.select2{ width:80px;}
.inputStyle1{ width:50px; height:20px; line-height:20px; text-align:center; border:1px solid #AFAFAF;}

.date{ width:195px; margin:20px 10px 0; display:inline-block;}
.dateCh{ text-align:left;}
.datenum{ clear:both; margin:0 auto;}
.datenum li{ float:left; width:26px; height:26px; margin-left:1px; overflow:hidden;}
.num { height:16px; margin-top:10px; overflow:hidden;}
.num li{ float:left; width:26px; height:16px; text-align: center; margin-left:1px; line-height:16px; color:#FFF;}
.datenum li a{ display:block; width:26px; height:26px; line-height:26px; background:#373737 url(../image/pbbbtn.png?version=2.210) no-repeat -164px -308px; text-decoration:none; color:#333; text-align:center; overflow:hidden;}
.datenum li .atoday{ background-position:-208px -346px; color:#000;}
.datenum li .anow{ background-position:-190px -308px;}
.datenum li .anow1{ background-position:-216px -308px;}
.datenum li .anow2{ background-position:-242px -308px;}

.clickDate{ float:right; height:22px; *margin-top:-22px; margin-right:10px; _margin-right:5px;}
.clickDate li{ float:left;}
.clickDate .longLi{ *margin-top:-1px;}
.clickDate li a{ display:block; width:25px; height:22px; background:url(../image/pbbbtn.png?version=2.210) no-repeat -116px -286px;}
.clickDate li .leftCBtn{ background-position:-116px -286px;}
.clickDate li .leftCBtn:hover{ background-position:-141px -286px;}
.clickDate li .rightCBtn{ background-position:-166px -286px;}
.clickDate li .rightCBtn:hover{ background-position:-191px -286px;}

.playback_tips{ width:100%; padding-top:10px;}
.playback_tips p{ background:url(../image/sidebar4.png?version=2.210) no-repeat -175px 0; height:22px; line-height:22px; text-indent:30px; text-align:left; color:#FFF;}
.playback_tips p.tips_color1{ background-position:-175px 0;}
.playback_tips p.tips_color2{ background-position:-175px -22px;}
.playback_tips p.tips_color3{ background-position:-175px -44px;}

.butCon{  position:absolute; right:0; bottom: 6px; width:105px; height:26px;}

.butCon a{ display:block; width:105px; height:26px; background:url(../image/pbbbtn.png?version=2.210);}
.butCon .list{ background-position:0 0;}
.butCon .list:hover{ background-position:-105px 0;}
.butCon .reback{ background-position:0 -26px; }
.butCon .reback:hover{ background-position:-105px -26px;}
.butCon .down{ background-position:0 -52px;}
.butCon .down:hover{ background-position:-105px -52px;}
.butCon .back{ background-position:0 -78px; }
.butCon .back:hover{ background-position:-105px -78px;}

.btnSearch, .btnSearchDisable{ float:right; display:block; width:30px; height:26px; background:url(../image/pbbbtn.png?version=2.210) no-repeat 0 -346px;}
.btnSearch:hover{ background-position:-30px -346px;}

.listDate{ width:215px; height:520px; background:#d5d5d5; margin-top:10px;}
.ConHei{ height:390px; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
.listDate ul{ width:215px; height:24px;}
.listDate ul li{ float:left;}
.dateLi{ background:#646464; color: #FFF;}
.ulbg0{ background:#5C5C5C;}
.ulbg1{ background:#696969;}
.dateLiH1{ width:30px; margin-top:5px; height:10px; line-height:10px; text-align:center;}
.dateLiH2{ width:80px; font-weight:bold; height:24px; line-height:24px; text-align:center;}
.dateLiH3{ width:100px; font-weight:bold; height:24px; line-height:24px; text-align:left;}
.dateLi1{width:30px; margin-top:5px; height:10px; line-height:10px; text-align:center;}
.dateLi2{ width:80px; height:24px; line-height:24px;text-align:center; cursor:pointer;}
.dateLi2:hover { color:red;}
.dateLi3{ width:60px; height:24px; line-height:24px; text-align:center;}
.dateLi4{ text-align:left;}
.downbtn,.downbtn1,.downbtn2{ display:block; width:16px; height:16px; background:url(../image/icons.png?version=2.210) no-repeat 0 0; margin-top:3px;}
.downbtn:hover{ background-position:-16px 0;}
.downbtn1{background-position:-32px 0;}
.downbtn1:hover{background-position:-48px 0;}
.downbtn2{background-position:-64px 0;}
.moreInf{ width:215px; padding-top:5px; border-top:5px solid #898989; line-height:20px; text-align:left;}
.moreInf p{ clear:both;} 
.leftTi{ float:left; width:80px; text-align:left; font-weight:bold; margin-left:5px;}
/*底部样式*/
.iconBar{ height:37px; background:url(../image/btnbg.png?version=2.210) repeat-x 0 -124px; }
.iconBar li{ float:left; width:27px; height:27px;margin:4px 2px auto 0;}
.iconBar li a{ display:block; width:27px; height:27px;background:url(../image/yt1.png?version=2.210) no-repeat -68px 0;}
.iconBar li .btn1:hover{ background-position:-95px 0;}
.iconBar li .btn2{ background-position:-68px -27px;}
.iconBar li .btn2:hover{ background-position:-95px -27px;}
.iconBar li .btn3{ background-position:-68px -54px;}
.iconBar li .btn3:hover{ background-position:-95px -54px;}
.iconBar li .btn4{ background-position:-68px -81px;}
.iconBar li .btn4:hover{ background-position:-95px -81px;}
.iconBar li .btn5{ background-position:-68px -108px;}
.iconBar li .btn5:hover{ background-position:-95px -108px;}
.iconBar li .btn6{ background-position:-68px -135px;}
.iconBar li .btn6:hover{ background-position:-95px -135px;}
.iconBar li .btn7{ background-position:-68px -162px;}
.iconBar li .btn7:hover{ background-position:-95px -162px;}
.iconBar li .btn8{ background-position:-68px -189px;}
.iconBar li .btn8:hover{ background-position:-95px -189px;}
.iconBar li .btn9{ background-position:-68px -216px;}
.iconBar .marL20{ margin-left:20px; _margin-left:10px; margin-right:2px;}
.iconBar .sound{ width:66px; margin-top:8px; margin-left:10px;}
.voiceC{ width:66px; height:19px;background:url(../image/yt3.png?version=2.210) no-repeat 0 -245px; text-align:left;}
.iconBar li .sliderPB{ float:left; width:10px; height:19px;background:url(../image/yt3.png?version=2.210) no-repeat -25px -207px;}
.iconBar li .sliderPB:hover{ background-position:-35px -207px;}

.progressBar{ height:50px; cursor:default;}

.time_title{ height:16px; position:relative; margin-left:1px; margin-right:1px;}
.time_grid{width:100%; height:10px; position:relative; background:#454545; margin:5px 0 0 0; overflow:hidden;}
.lineC{width:100%; position:relative;}
.time_show{position:absolute; top:2px; left:0; width:64px; height:16px; border:1px solid #000; background:#fff; z-index:0; padding-left: 16px;}

.tipsBar{height:20px; margin-left:10px; margin-right:10px; overflow:hidden;}
.tipsBar li{ float:right; color:#FFF;} 
.tipsBar .marR100{ margin-right:100px;}
.tipsBar .Lileft{ float:left;}
.tipsBar li span{ float:right;}
.rbBtn{ display:block; width:40px; height:20px; line-height:20px; padding-left:15px; background:url(../image/pbbbtn.png?version=2.210) no-repeat -134px -104px; color:#373737; text-align: center;}
.rbBtn:hover,.rbBtn1{display:block; width:40px; height:20px; line-height:20px; padding-left:15px;background:url(../image/pbbbtn.png?version=2.210) no-repeat -189px -104px; text-align: center; color: #FFF;}
.labelLR5{ padding-left:5px; padding-right:5px;}
.redBlock,.yellowBlock,.greenBlock,.blueBlock{display:block; width:10px; height:10px; overflow:hidden; background:#d51111;}
.yellowBlock{ background:#DAE613;}
.greenBlock{ background:#42D017;}
.blueBlock{ background:#00FFF7;}
.marAuto{ margin:5px auto auto auto;}
.tipsBar li .marTie7{ float:left; *margin-top:2px;}
.marR100{ margin-right:100px;}
.J_lityles{ margin-left:20px;}
.J_lityles input,.J_lityles label,.J_lityles span{ float:left; display:block;}
.J_lityles input{ *margin-top:-4px;}
.J_lityles span{ margin-top:2px;}



/*翻页*/
.listDate .pageUD, .pageUD{ width:205px; padding-top:5px; padding-left:10px; border-top:1px solid #525252; text-align:right; font-size:12px;}
.pageUDX{ float:right; border-top:0; }
.pageUD li{ float:left; margin-left:4px;}
.pageP{ float:left; width:11px; height:12px;}
.pageP a,.pageP2 a{ display:block; width:12px; height:12px; margin-top:6px; background:url(../image/yt3.png?version=2.210) no-repeat 0 -139px;}
.pagePX a,.pagePX2 a{ display:block; width:12px; height:12px; margin-top:6px; background:url(../image/yt2.png?version=2.210) no-repeat 0 -139px;}
.pageP .fir{background-position:0 -139px; }
.pageP .fir:hover{background-position:0px -159px;}
.pageP .pre{background-position:-12px -139px;}
.pageP .pre:hover{ background-position:-12px -159px;}
.pageP .next{background-position:-24px -139px;}
.pageP .next:hover{ background-position:-24px -159px;}
.pageP .last{background-position:-36px -139px; }
.pageP .last:hover{ background-position:-36px -159px;}
.pageP2 .sure{ width:20px; height:20px; margin-top:0px;*margin-top:2px; _margin-top:0; background-position:-48px -139px;}
.pageP2 .sure:hover{ background-position:-48px -159px;}
.yema{ width:24px; height:16px; line-height:16px; text-align:center; border:1px solid #B6B6B6; background:#FFF;}
.pageP1 a{ line-height:24px;}
.Xwid{ width:80px;}
.pageUD.CorDark,.CorDark a{ color:#373737;}

/*下载更多*/
.pbTile{ margin:20px 10px auto 10px; height:26px;}
.pbTile li{ float:left; width:147px; height:26px; line-height:26px; background:#BABABA; text-align:center; color:#373737;}
.pbTile .linow{ float:left; width:147px; height:26px; line-height:26px; background:#D5D5D5; text-align:center; color:#373737; font-weight:bold;}
.totalC{ margin-left:10px; margin-right:10px; background:#D5D5D5; height:500px;}
.downMoreL{ position:absolute; width:300px; margin:20px; padding:10px; background:#DDD; height:440px;}
.downMoreL li{ width:100%; height:30px; line-height:30px; text-align:left;}
.DMtitle{ float:left; width:80px; text-align:left;}
.selextW180{width:180px; height:20px; line-height:20px;}

.timeBox1{ float:left;height:20px;text-align:center; border:1px solid #B6B6B6; background:#FFF; overflow:hidden; padding:0; margin-right:2px;}
.timeBox1 span{ float:left; display:block; margin-top:-3px; height:16px;}
.noborder{ width:25px; border:0;}
.noborder1{ width:35px; border:0;}

.searchM{float:left; display:block; width:89px; height:26px; margin-left:80px; margin-top:5px; background:url(../image/pbbbtn.png?version=2.210) no-repeat 0 -130px;}
.searchM:hover{ background-position: -89px -130px;}
.downM{float:left; display:block; width:89px; height:26px; margin-left:2px; margin-top:5px; background:url(../image/pbbbtn.png?version=2.210) no-repeat 0 -156px;}
.downM:hover{ background-position: -89px -156px;}


.downMore{ padding-top:20px; margin:0px 10px auto 350px;}
.downMore1{ height:391px; border:1px solid #4F4F4F;}
.marR15{ height:20px; padding-right:15px; background:#858585;}
.tableX{ width:100%;}
.tableX th{height:20px; line-height:20px; background:#858585; font-weight:bold; font-size:12px; color:#FFF;}
.tableX td{height:22px; line-height:22px;}
.tableX tr{ height:22px; line-height:22px; background:#D5D5D5; font-size:12px; color:#373737;}
.tableX tr:hover{ height:22px; line-height:22px; background:#F7E084; font-size:12px; color:#373737;}
.tableX .cTr{ height:22px; line-height:22px; font-size:12px; background:#F3F3F3; color:#373737;}
.tableX .cTr2{ height:22px; line-height:22px; font-size:12px; background:#F1CF47; color:#373737;}
.scrollY{ height:370px; overflow-y:scroll; overflow-x:hidden;}

.botBtn{ clear:both; width:100%; height:26px; margin-top:10px; text-align:left;}
.backBottom{ float:right; display:block; display:block; width:105px; height:26px; background:url(../image/pbbbtn.png?version=2.210) 0 -78px;}
.backBottom:hover{background-position:-105px -78px;}

.on_play{ position:absolute; top:0px; left:-3px; z-index:999;overflow:hidden; width:5px; height:10px; background:url(../image/yt3.png?version=2.210) no-repeat -69px -384px;}

/*help style*/
.playback_help{ position:absolute; right:-15px; *right:-10px; top:-10px; width:22px; height:22px;}
.playback_help a{ display:block; width:22px; height:22px; background:url(../image/btnbar.png?version=2.210) -230px 0 no-repeat;}
.downformat{ width:30px; height:13px; border:1px solid #B6B6B6 ; margin-left:12px; color:green; text-align:center;}
.vedioformat { clear:both; width:100%; height:20px; margin-top:10px;}
.vedioformat li{float:left; height:20px ;padding:1px; color:#B6B6B6;}
.vediodav{margin-left:8px;}
.downtext{float:left; color:#ffc600; margin-left:22px;margin-top:-14px;}
.downcurbtn{ display:block; width:16px; height:16px; background:red url(../image/down2.gif?version=2.210) no-repeat; margin-top:3px; border:1px solid red;}
.downstopbtn{ display:block; width:16px; height:16px; background:url(../image/icons.png?version=2.210) no-repeat -32px 0px; margin-top:3px;}
.downstopbtn:hover{ background-position:-48px 0px;}
.dateLiM{ width:50px; height:24px; line-height:24px; text-align:center;}