.monitor{padding-bottom: 88px}
.monitorL{width: 220px;min-height: 580px !important;background: #0e638c}
.monitorL h3{font-size: 20px;color: #fff;height: 40px;line-height: 40px;text-align: center;background: #ffbe00}
.monitorL .list{border-bottom: 1px solid #0e638c;cursor: pointer;}
.monitorL .list h4{padding-left: 15px;font-size: 16px;color: #fff;height: 40px;line-height: 40px;background: #00537f url(/m2/i/hebei/public/sj-icon-b.png) no-repeat 195px center;}
.monitorL .list h4.show{
	background: #00537f url(/m2/i/hebei/public/sj-icon-b-up.png) no-repeat 195px center;
}
.monitorL .list a{display: block;font-size: 16px;color: #fff;height: 40px;line-height: 40px;background:#0e638c url(/m2/i/hebei/public/sj-icon-b.png) no-repeat 195px center;  border-bottom: 1px solid #3a7e9e;}
.monitorL .list a.on{background: url(/m2/i/hebei/public/sj-icon-y.png) no-repeat 195px center;color: #ffbe00}
.monitorL .list a:hover{background: url(/m2/i/hebei/public/sj-icon-y.png) no-repeat 195px center;color: #ffbe00}
.monitorL .list a:last-child{border-bottom: none}
.monitorL .list a span{margin-right: 43px}
.monitorR{width: 770px}
.monitorR .location{height: 40px;line-height: 40px;font-size: 18px;color: #fff;background: #0e638c;padding-left: 15px}
.monitorR .location a{color: #fff}
.monitorR .location a.on{color: #ffbe00}
.monitorR .distribution{border: 1px solid #e8e8e8;border-top: none;position: relative;height: 817px;}
.monitorR .distribution .operation{height: 60px;background: url(/m2/i/hebei/public/zezao_03.png);z-index: 1;position: absolute;top: 0;width: 100%;}
.monitorR .distribution .select{width: 160px;height: 40px;padding: 0 30px 0 10px;background: url(/m2/i/hebei/public/select-bg1.png) no-repeat center;margin: 10px 0 0 15px;position: relative;display:none;}
.monitorR .distribution .select input{width: 160px;height: 40px;border: none;background: none;color: #333;font-size: 16px;line-height: 40px}
.monitorR .distribution .select ul{position: absolute;width: 200px;left: 0;bottom: -205px ;border-bottom: 1px solid #e8e8e8;height: 205px;  overflow-y: auto;display: none}
.monitorR .distribution .select ul li{padding-left: 10px;height: 40px;font-size: 16px;color: #333;line-height: 40px;background: #fff;border: 1px solid #e8e8e8;border-bottom: none;cursor: pointer}
.monitorR .distribution .select ul li:hover{background: #f8f8f8}
.monitorR .distribution .projector{width: 160px;margin-top: 12px}
.monitorR .distribution .projector span{display: block;float: left;width: 36px;height: 36px;margin-right: 16px;cursor: pointer}
.monitorR .distribution .projector span.s01{background: url(/m2/i/hebei/public/prev-btn.png) no-repeat center}
.monitorR .distribution .projector span.s02{background: url(/m2/i/hebei/public/play-btn.png) no-repeat center}
.monitorR .distribution .projector span.play{background: url(/m2/i/hebei/public/play-btn2.png) no-repeat center}
.monitorR .distribution .projector span.s03{background: url(/m2/i/hebei/public/next-btn.png) no-repeat center}
.monitorR .distribution .projector-pic{width: 768px;position: absolute;top: 0;}
.monitorR .distribution .projector-pic a img,.monitorR .distribution .projector-pic a{display: block;width: 768px;}
.monitorR .distribution .projector-pic a.dis{display: none;}