/*回放*/
.content { width: 100%; min-width: 1000px; height: 800px; }
.playL { height: 670px; margin: 13px 235px auto 10px; }
.playR { position: relative; }
.playB { clear: both; width: 100%; }
.Vedio { width: 100%; height: 606px; }
.play_sliderbar { width: 203px; border: 1px solid #d7dce0; margin-right: 23px; }
/*右边样式*/
.listItem { height: 32px; line-height: 32px; margin-bottom: 5px; text-align: left;margin-left: 4px;}
.textW { float: left; display: block; width: 60px; margin-left: 41px;_margin-left:20px; }

.select1 { width: 120px; }
.inputStyle1 { width: 50px; height: 20px; line-height: 20px; margin-top: 1px; text-align: center; border: 1px solid #d7d8d9; }

.date { border: 1px solid #d7d8d9; width: 195px; margin: 0 3px 0; display: inline-block; }
.dateCh { background-color: #e1e2e3; text-align: left; height: 30px; line-height: 30px; }
.selectMonth { width: 60px; height: 22px; float: right; margin: 4px 15px 0 0; }
.datenum { clear: both; margin: 0 auto; }
.datenum li { float: left; width: 26px; height: 26px; margin-left: 1px; overflow: hidden; }
.num { height: 20px; line-height: 20px; overflow: hidden; display: inherit;}
.num li { float: left; margin-left: 1px; width: 26px; height: 26px; line-height: 26px; text-align: center; }
.datenum li a {margin-left:2px;border:1px solid #d7d8d9; display: block; width: 22px; height: 22px; line-height: 22px; text-decoration: none; color: black; text-align: center; overflow: hidden; }
.datenum li .atoday { background-position: -208px -346px; color: #000; }
.datenum li .anow { background-color:#f2d03b;}
.datenum li .anow1 { background-color:#d8151d;}
.datenum li .anow2 { background-color:#7ecefd;}

.channel_btn .playback_channel_button1{background-color:green;}
.channel_btn .channel_button2{background-color:#999;}
.playback_chanText span.playback_channel_button1{background:url(../image/img/td4.png);background-repeat: no-repeat;background-position:2px 5px;}
.playback_chanText span.channel_button2{background:url(../image/img/td3.png);background-repeat: no-repeat;background-position:2px 5px;}
.playback_chanText span{background:url(../image/img/td1.png);background-repeat: no-repeat;background-position:2px 5px;display:block;text-indent:45px;width:134px;zoom=1;}

.clickDate { }
.clickDate li { height: 32px;line-height:32px;  margin-top: 0;  float: left; }
.clickDate .longLi { }
.clickDate li a { display: block; width: 25px; height: 32px; background-repeat: no-repeat; background-position: center center; }
.clickDate li .leftCBtn { background-image: url(../image/playback/nor/down.gif); }
.clickDate li .leftCBtn:hover { background-image: url(../image/playback/sel/down.gif); }
.clickDate li .rightCBtn { background-image: url(../image/playback/nor/up.gif); }
.clickDate li .rightCBtn:hover { background-image: url(../image/playback/sel/up.gif); }

.playback_tips { width: 100%; }
.playback_tips p { background: url(../image/sidebar4.gif) no-repeat -175px 0; height: 22px; line-height: 22px;text-align: left;display:inline-block; }
.playback_tips li{height: 22px; line-height: 22px;text-align: left;display:inline-block;*display:inline;zoom=1;}
.playback_tips p.tips_color1 { background-position: -175px 0;text-indent:27px; }
.playback_tips p.tips_color2 { background-position: -175px -22px;text-indent:25px; }
.playback_tips p.tips_color3 { background-position: -182px -44px; text-indent:19px;}
.playback_line{position: absolute;}

.fileBtn a{ float: left; width: 78px; height: 26px; margin: 0px 2px 0px auto; overflow: hidden; cursor: pointer; line-height: 26px; font-size: 12px; color: #373737; text-align: center;text-indent: 0px; }
.fileCon {height:23px;font:12px/23; width: 78px; padding-left: 0; margin: 0px 2px 0px 23px;background:url(../image/img/btnbg1.png) no-repeat; text-align: center; }
.fileCon:hover{background:url(../image/img/btnbg.png) no-repeat;color:#fff;}

.butCon { position: absolute; right: 55px; width: 105px; height: 26px; }

.butCon a { display: block; width: 105px; height: 26px; background: url(../image/img/pbbbtn.png) no-repeat; }
.butCon .list {margin-top: 8px;}
.butCon .list:hover {background:url(../image/img/pbbbtn1.png) no-repeat; margin-top: 8px;}
.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 {margin-top: 8px; background:url(../image/img/pbbbtn.png) no-repeat; }
.butCon .back:hover {margin-top: 8px; background:url(../image/img/pbbbtn1.png) no-repeat; }

.timePcon { float: left; width: 135px; height: 22px; border: 1px solid #a4a4a4; line-height: 20px; margin-top: 1px;margin-right:4px; }
.timeP { width: 20px; height: 16px; line-height: 16px; text-align: center; border: 0; }
.btnSearch { float: left;margin-left:25px; display: block; width: 25px; height: 26px; background: url(../image/search.png) no-repeat; }

.p_input_style { width: 100px; height: 20px; line-height: 20px; border: 1px solid #A5A5A5; padding-left: 4px; }
.listDate { width: 205px; heig_ht: 530px; margin-top: 10px; }
.ConHei { heig_ht: 297px;*height:267px; -moz-user-select: none; -khtml-user-select: none; user-select: none; margin-top: 45px;}
.listDate ul { width: 205px; height: 25px; }
.listDate ul li { float: left; }
.dateLi {float:left; }
.ulbg0 {float:left; }
.ulbg1 { float:left;}
.dateLiH1 { width: 30px; margin-top: 5px; height: 10px; line-height: 10px; text-align: center; }
.dateLiH2 { width: 70px; font-weight: bold; height: 24px; line-height: 24px; text-align: center; }
.dateLiH3 { width: 70px; font-weight: bold; height: 24px; line-height: 24px; text-align: center; }
.dateLiH4 { width: 50px; font-weight: bold; height: 24px; line-height: 24px; text-align: center; }
.dateLiH5 { width: 106px; font-weight: bold; height: 24px; line-height: 24px; text-align: center; }
.dateLiH6 { width: 41px; *width: 41px; font-weight: bold; height: 24px; line-height: 24px; text-align: center; *text-align :left; }
.dateLi1 { width: 30px; margin-top: 5px; height: 10px; line-height: 10px; text-align: center; }
.dateLi2 { width: 70px; height: 24px; line-height: 24px; text-align: center; cursor: pointer;}
.dateLi3 { width: 70px; height: 24px; line-height: 24px; text-align: center; }
.dateLi4 { width: 50px; height: 24px; line-height: 24px; text-align: center; }
.dateLi5 { width: 50px; height: 24px; line-height: 24px; text-align: center; }
.downbtn { display: block; width: 16px; height: 16px; background: url(../image/yt3.gif) no-repeat -58px -414px; margin-top: 3px; }
.downbtn1 { display: block; width: 16px; height: 16px; background: url(../image/yt3.gif) no-repeat -58px -414px; margin-top: 3px; }
.downbtn:hover { background-position: -58px -430px; }
.moreInf { width: 205px;height:60px;text-indent:9px; margin-bottom:5px;padding-top: 5px; border-top: 1px solid #d7dce0; line-height: 20px; text-align: left; }
.moreInf p { clear: both; }
.leftTi { float: left; width: 80px; text-align: left; font-weight: bold; }
/*通道号*/
.channel_btn{overflow:auto;overflow-x:hidden;margin-left:11px;border:1px solid #CCC;width:195px;height:297px;*height:300px;}
.channel_btn1{overflow:auto;overflow-x:hidden;width:195px;height:255px;*height:255px;}
.channel_button{float:left; width:32px;height:32px;margin-left:10px;margin-top:4px;padding:0; }

/*底部样式*/
.mb_bottom_channel{}
.mb_bottom_channel li{margin-bottom:14px;}

.iconCutBar { height:28px;line-height:32px;margin-left:14px; float:left;}
.iconCutBar li {  float: left; width: 40px; height: 25px; }
.iconCutBar li a { display: inline-block; width: 40px; height: 30px;color:#bdb8cc; background-repeat: no-repeat; background-position: center center; }
.iconCutBar li .btn10 { background-image: url(../image/playback/nor/clip.png); }
.iconCutBar li .btnHover10{ background-image: url(../image/playback/sel/clip_hover.png); }
.iconCutBar li .btn10:hover { background-image: url(../image/playback/sel/clip_hover.png); }
.iconCutBar li .btn12 { background-image: url(../image/playback/nor/stopAll.png); }
.iconCutBar li .btn12:hover { background-image: url(../image/playback/sel/stopAll.png); }
.iconCutBar li a.J_btn_style { float: left;font-size:12px; display: inline-block; width: 78px; height: 23px; line-height: 23px; overflow: hidden;background:url(../image/img/btnbg1.png) no-repeat; color: #000; cursor: pointer; text-align: center; }
.iconCutBar li a.J_btn_style:hover{ background:url(../image/img/btnbg.png) no-repeat;color:#fff; font-size:12px; }
.iconBar { height:28px;line-height:32px;margin-left:14px; float:left;}
.iconBar li {  float: left; width: 40px; height: 25px; }
.iconBar li a { display: inline-block; width: 40px; height: 30px;color:#bdb8cc; background-repeat: no-repeat; background-position: center center; }
.iconBar li a.J_btn_style { float: left;font-size:12px; display: inline-block; width: 78px; height: 23px; line-height: 23px; overflow: hidden;background:url(../image/img/btnbg1.png) no-repeat; color: #000; cursor: pointer; text-align: center; }
.iconBar li a.J_btn_style:hover{ background:url(../image/img/btnbg.png) no-repeat;color:#fff; font-size:12px; }
.iconBar li .btn1 { background-image: url(../image/playback/nor/play.png); }
.iconBar li .btn1:hover { background-image: url(../image/playback/sel/play.png); }
.iconBar li .btn11{background-image:url(../image/playback/nor/pause.png);}
.iconBar li .btn11:hover { background-image: url(../image/playback/sel/pause.png); }
.iconBar li .btn2 { background-image: url(../image/playback/nor/stop.png); }
.iconBar li .btn2:hover { background-image: url(../image/playback/sel/stop.png); }
.iconBar li .btn3 { background-image: url(../image/playback/nor/pause.gif); }
.iconBar li .btn3:hover { background-image: url(../image/playback/sel/pause.gif); }
.iconBar li .btn4 { background-image: url(../image/playback/nor/play.gif); }
.iconBar li .btn4:hover { background-image: url(../image/playback/sel/play.gif); }
.iconBar li .btn5 { background-image: url(../image/playback/nor/nextframe.png); }
.iconBar li .btn5:hover { background-image: url(../image/playback/sel/nextframe.png); }
.iconBar li .btn6 { background-image: url(../image/playback/nor/slow.png); }
.iconBar li .btn6:hover { background-image: url(../image/playback/sel/slow.png); }
.iconBar li .btn7 { background-image: url(../image/playback/nor/fast.png); }
.iconBar li .btn7:hover { background-image: url(../image/playback/sel/fast.png); }
.iconBar li .btn8 { background-image: url(../image/playback/nor/sound.png); }
.iconBar li .btn8:hover { background-image: url(../image/playback/nor/sound.png); }
.iconBar li .btn9 { background-image: url(../image/playback/sel/closesound.png); }
.iconBar .marL20 { marginleft: 20px; _margin-left: 10px; marginright: 2px; }
.iconBar .sound { width: 120px; }
.voiceC {clear:both; float: right;  width: 80px; height: 29px;*height:25px; background: url(../image/playback/scrollvol.png) no-repeat center center; text-align: left; }
.iconBar li .sliderPB { margin-top: 8px;*margin-top:7px; float: left; width: 12px; height: 19px; background: url(../image/pointer.png) no-repeat; }
.iconBar li .sliderPB:hover { back_ground-image: url(../image/vol.gif); }

.progressBar { height: 30px; cursor: default; }

.time_title { height: 16px; position: relative; margin-left: 5px; margin-right: 5px; }
.time_grid { width: 100%; height: 10px; position: relative; background: #ccc; margin: 5px0 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: 23px; overflow: hidden; }
.tipsBar li { float: right; }
.tipsBar .marR100 { margin-right: 100px; }
.tipsBar .Lileft { float: left; }
.tipsBar li span { float: right; }
#btn_time4{display: block; width: 45px;background:url(../image/img/pbtn4.png) no-repeat; height: 23px; line-height: 20px; padding-left: 15px;color: #373737; text-align: center;}
#btn_time4:hover{display: block; width: 45px;background:url(../image/img/pbtn44.png) no-repeat; height: 23px; line-height: 20px; padding-left:15px; text-align: center;}
#btn_time3{display: block; width: 45px;background:url(../image/img/pbtn3.png) no-repeat; height: 23px; line-height: 20px; padding-left: 15px;color: #373737; text-align: center;}
#btn_time3:hover{display: block; width: 45px;background:url(../image/img/pbtn33.png) no-repeat; height: 23px; line-height: 20px; padding-left:15px; text-align: center;}
#btn_time2{display: block; width: 45px;background:url(../image/img/pbtn2.png) no-repeat; height: 23px; line-height: 20px; padding-left: 15px;color: #373737; text-align: center;}
#btn_time2:hover{display: block; width: 45px;background:url(../image/img/pbtn22.png) no-repeat; height: 23px; line-height: 20px; padding-left:15px; text-align: center;}
#btn_time1{display: block; width: 45px;background:url(../image/img/pbtn1.png) no-repeat; height: 23px; line-height: 20px; padding-left: 15px;color: #373737; text-align: center;}
#btn_time1:hover{display: block; width: 45px;background:url(../image/img/pbtn11.png) no-repeat; height: 23px; line-height: 20px; padding-left:15px; text-align: center;}
#btn_timeR{display: block; width: 45px;background:url(../image/img/pbRight.png) no-repeat; height: 23px; line-height: 20px; padding-left: 15px;color: #373737; text-align: center;}
#btn_timeR:hover{display: block; width: 45px;background:url(../image/img/PbR.png) no-repeat; height: 23px; line-height: 20px; padding-left:15px; text-align: center;}
#btn_timeL{display: block; width: 45px;background:url(../image/img/pbLeft.png) no-repeat; height: 23px; line-height: 20px; padding-left: 15px;color: #373737; text-align: center;}
#btn_timeL:hover{display: block; width: 45px;background:url(../image/img/pbL.png) no-repeat; height: 23px; line-height: 20px; padding-left:15px; text-align: center;}
.rbBtn { display: block; width: 40px; height: 23px; line-height: 20px; padding-left: 15px; text-align: center; }
.rbBtn:hover, .rbBtn1 { display: block; width: 40px; height: 23px; line-height: 20px; padding-left: 15px;  text-align: center; }
.labelLR5 { padding-left: 5px; padding-right: 5px; }
.redBlock, .yellowBlock, .greenBlock, .blueBlock { display: block; width: 10px; height: 10px; overflow: hidden; }
.yellowBlock { background-color:yellow;}
.greenBlock {background-color:green; }
.blueBlock {background-color:blue; }
.redBlock{background-color:red;}
.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 span { margin-top: 2px; }



/*翻页*/
.listDate .pageUD { width: 203px; padding-top: 5px;*margin-top: 10px; background-color:#d6d9d9; 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: 16px; height: 16px; margin-top: 4px; }
.pagePX a, .pagePX2 a { display: block; width: 12px; height: 12px; margin-top: 6px; background: url(../image/yt2.gif) no-repeat 0 -139px; }
.pageP .fir { background:url(../image/playback/fir.png);}
.pageP .fir:hover { background:url(../image/playback/fir1.png); }
.pageP .pre {  background:url(../image/playback/pre.png);}
.pageP .pre:hover {  background:url(../image/playback/pre1.png);}
.pageP .next { background:url(../image/playback/next.png);}
.pageP .next:hover { background:url(../image/playback/next1.png);}
.pageP .last {  background:url(../image/playback/last.png);}
.pageP .last:hover { background:url(../image/playback/last1.png);}
.pageP2 .sure { width: 16px; height: 16px; margin-top: 0px; margin-top: 4px; background:url(../image/playback/goto.png);}
.pageP2 .sure:hover { background: url(../image/playback/goto1.png);}
.yema { width: 24px; height: 16px; line-height: 16px; text-align: center; border: 1px solid #B6B6B6; }
.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; text-align: center; color: #373737; }
.pbTile .linow { float: left; width: 147px; height: 26px; line-height: 26px; text-align: center; color: #373737; font-weight: bold; }
.totalC { margin-left: 10px; margin-right: 10px; height: 500px; }
.downMoreL { position: absolute; width: 300px; margin: 20px; padding: 10px; 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; 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.gif) 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.gif) 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; }
.tableX { width: 100%; }
.tableX th { height: 20px; line-height: 20px; font-weight: bold; font-size: 12px; }
.tableX td { height: 22px; line-height: 22px; }
.tableX tr { height: 22px; line-height: 22px; font-size: 12px; color: #373737; }
.tableX tr:hover { height: 22px; line-height: 22px; font-size: 12px; color: #373737; }
.tableX .cTr { height: 22px; line-height: 22px; font-size: 12px; color: #373737; }
.tableX .cTr2 { height: 22px; line-height: 22px; font-size: 12px; 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.gif) 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.gif) 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;}
.downformat { width: 30px; height: 13px; border: 1px solid #B6B6B6; margin-left: 12px; color: green; text-align: center; }
.vedioformat li { float: left; height: 13px; padding: 1px; }
.vediodav {  }
.vediodav input { width: 10px; height: 9px; *height: 15px; }
.downtext { float: left; color: #ffc600; margin-left: 22px; margin-top: -14px; }
.downcurbtn { display: block; width: 16px; height: 16px; background: url(../image/down2.gif) no-repeat 0px 0px; margin-top: 3px; }
.downstopbtn:hover { background-position: -48px 0px; }
.dateLiM { width: 50px; height: 24px; line-height: 24px; text-align: center; }