/*回放*/
.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: 97px; }
.Vedio { width: 100%; height: 606px; }
.play_sliderbar { width: 205px; margin: 0 auto; height: 580px; }
/*右边样式*/
.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; }

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

.date { border: 1px solid #e5e5e5; width: 195px; margin: 5px 5px 0; display: inline-block; }
.dateCh { background-color: #e5e5e5; text-align: left; height: 30px; line-height: 30px; }
.selectMonth { width: 60px; height: 22px; float: right; margin: 3px 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; }
.num li { float: left; margin-left: 1px; width: 26px; height: 26px; line-height: 26px; text-align: center; }
.datenum li a { background-color: #c5c5c5; display: block; width: 26px; height: 25px; line-height: 25px; text-decoration: none; color: black; text-align: center; overflow: hidden; }
.datenum li .atoday { background-position: -208px -346px; color: #000; }
.datenum li .anow { background-color: rgb(117, 194, 35); }
.datenum li .anow1 { background-color: rgb(255, 184, 0); }
.datenum li .anow2 { background-color: rgb(0, 148, 255); }

.clickDate { }
.clickDate li { height: 22px; margin-top: 3px; _margin-top: 3px; float: left; }
.clickDate .longLi { }
.clickDate li a { display: block; width: 25px; height: 22px; 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%; padding-top: 10px; }
.playback_tips p { background: url(../image/sidebar4.gif) no-repeat -175px 0; height: 22px; line-height: 22px; text-indent: 30px; text-align: left; }
.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: relative; right: 40px; width: 105px; height: 26px;margin-top: 35px;margin-left: 80px; }

.butCon a { display: block; width: 105px; height: 26px; background: url(../image/pbbbtn.gif); }
.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; }

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

.listDate { width: 205px; height: 530px;}
.ConHei { height: 340px; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.listDate ul { width: 205px; height: 30px; }
.listDate ul li { float: left; }
.dateLi { }
.ulbg0 { }
.ulbg1 { }
.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; }
.dateLi3 { width: 60px; height: 24px; line-height: 24px; text-align: center; }
.dateLi4 { width: 16px; text-align: left; }
.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; padding-top: 5px; border-top: 5px solid #373737; 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-color: #c5c5c5; min-width: 750px;}
.iconBar li { background: url(../image/playback/buttonbg.gif) no-repeat; float: left; width: 32px; height: 28px; margin: 4px 2px auto 0; }
.iconBar li a { display: inline-block; width: 32px; height: 28px; background-repeat: no-repeat; background-position: center center; }
.iconBar li .btn1 { background-image: url(../image/playback/nor/play.gif); }
.iconBar li .btn1:hover { background-image: url(../image/playback/sel/play.gif); }
.iconBar li .btn2 { background-image: url(../image/playback/nor/stop.gif); }
.iconBar li .btn2:hover { background-image: url(../image/playback/sel/stop.gif); }
.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/singleframe.gif); }
.iconBar li .btn5:hover { background-image: url(../image/playback/sel/singleframe.gif); }
.iconBar li .btn6 { background-image: url(../image/playback/nor/slow.gif); }
.iconBar li .btn6:hover { background-image: url(../image/playback/sel/slow.gif); }
.iconBar li .btn7 { background-image: url(../image/playback/nor/fast.gif); }
.iconBar li .btn7:hover { background-image: url(../image/playback/sel/fast.gif); }
.iconBar li .btn8 { background-image: url(../image/playback/nor/sound.gif); }
.iconBar li .btn8:hover { background-image: url(../image/playback/sel/sound.gif); }
.iconBar li .btn9 { background-image: url(../image/playback/sel/closesound.gif); }
.iconBar .marL20 { margin-left: 20px; _margin-left: 10px; margin-right: 2px; }
.iconBar .sound { background: url(../image/playback/volumebg.gif) no-repeat; width: 120px; margin-left: 10px; }
.voiceC {clear:both; float: right; margin-right: 5px; width: 80px; height: 28px; background: url(../image/playback/scrollvol.gif) no-repeat center center; text-align: left; }
.iconBar li .sliderPB { margin-top: 3px; float: left; width: 10px; height: 19px; background: url(../image/voldis.gif) no-repeat; }
.iconBar li .sliderPB:hover { background-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: 20px; overflow: hidden; }
.tipsBar li { float: right; }
.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.gif) 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.gif) no-repeat -189px -104px; 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;}
.redBlock {background-color: red;}
.greenBlock {background-color:green; }
.blueBlock {background-color:blue; }
.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: 195px; 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.gif) no-repeat 0 -139px; }
.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-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; }
.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; background: url(../image/btnbar.gif) -230px 0 no-repeat; }
.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 { margin-left: 8px; }
.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 { display: block; width: 16px; height: 16px; background: url(../image/icons.gif) no-repeat -32px 0px; margin-top: 3px; }
.downstopbtn:hover { background-position: -48px 0px; }
.dateLiM { width: 50px; height: 24px; line-height: 24px; text-align: center; }