wp/nwyj/WebContent/css/cockpit/emergencyVideo.css

body{
    background-color: #2c3a55;
    font-size: 12px;
    font-family:"芥竟";
    color:#fff;
    margin:0;
    padding:0;
}
span{
	color:#fff;
}
.fr{
    float:right;
}
.v_left{
    float:left;
}
.titleBar{
    width:100%;
    height:100%;
    border:1px solid #fff;
    margin:0 0 5px 0;
    /* display:none; */
}
.btn{
    border:1px solid #fff;
    filter:alpha(opacity=0);
    background-color: rgba(0,0,0,0);
    color:#fff;
    width:60px;
    min-width:60px;
    height:30px;
    line-height:50%;
    margin:1% 3px;
}
.header {
    display: inline-block;
    text-align: center;
    font-family: 'Francois One', Helvetica, Arial, sans-serif;
    text-decoration: none;
    transition: all 400ms ease-in-out;
}
.header:hover {
    transform: translate(2px, -2px);
}

.sideBar{
    width:100%;
    border:1px solid #fff;
    height:100%;
    display: inline-block;
}
.search{
    width:100%;
    height:32px;
    margin:0;
    padding:0;
    border-bottom:1px solid #fff;
}
.search_img{
    width:10%;
    margin: 5px 0 0 10px;
    display: inline-block;
}
.search_text{
    width:80%;
    border:none;
    background-color: #2c3a55;
    height:30px;
    color:#fff;
    float:right;
    margin-right:5px;
}
.video_text{
	width:170px;
	border:1px solid #fff;
	background-color:#2c3a55;
	height:30px;
	line-height:50%;
	color:#fff;
	margin-left:10px;	
}
.search_text:focus{
    border:none;
    outline: none;
}
.count{
    width:100%;
    height:100%;
 /*    border: 1px solid #fff; */
}
.screen{
    background-color: darkgray;
}
.v_one{
    width:100%;
    height:100%;
}
.v_four{
    width:50%;
    height:50%;
    display: inline-block;
    float: left;
}
.count_border, .count_border_l, .count_border_b{
    border: 1px solid #fff;
    margin: 5px;
}
.v_six, .v_seven_b{
    width:33.3%;
    height:50%;
    display:inline-block;
    float: left;
}
.v_seven_l, .v_eight, .v_nine_b{
    width:25%;
    height:50%;
    display:inline-block;
    float:left;
}
.v_nine_l{
    width:20%;
    height:50%;
    display:inline-block;
    float: left;
}
.v_thir_l,.v_thir_r{
    width:20%;
    height:100%;
    display:inline-block;
}
.v_thir_c{
    width:60%;
    height:100%;
    display: inline-block;
}
.v_thirteen_b{
    width:100%;
    height:50%;
}
.v_thirteen_l{
    width:33.3%;
    height:33.3%;
    display:inline-block;
}
.v_sixteen{
    width:25%;
    height:25%;
    display:inline-block;
}
.v_twenty{
    width:20%;
    height:25%;
    display: inline-block;
}
.yun{
    margin:0;
    padding:0;
    width:250px;
    height:430px;
    background-color: rgba(179,214,247,.9);
    position:absolute;
    -webkit-border-radius: 10px;
    border-radius:10px;

}
.y_text{
    line-height:25px;
    margin: 0 15px;
}
.y_header{
    width:250px;
    height:25px;
    cursor:move;
}
.y_header:hover{
    background-color: rgba(190,214,247,.7);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}
.y_header:active{
    background-color: rgba(190,200,247,.7);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}
.y_count{
    margin:0 5px 5px 5px;
    padding:0;
    width:240px;
    height:395px;
    background-color: #4a6b9c;
    -webkit-border-radius: 3px;
    border-radius:3px;
    border:1px solid #2c3a55;
}
.y_count_box{
    margin:0;
    padding:0;
    width:230px;
    height:328px;
    background-color: #0c61e0;
    -webkit-border-radius: 3px;
    border-radius:3px;
}
.con_btn{
    width:220px;
    height:30px;
    border:1px solid #fff;
    margin:0 10px;
    text-align: center;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.con_btn span{
    line-height: 30px;
}

/***********************start button*****************************/


.button05 {
    position: relative;
    display: inline-block;

    width: 197px;
    padding: 8px 15px;
    margin: 0 0 10px 0;
    cursor:move;

    background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, rgb(112,181,242)),
            color-stop(0.49, rgb(84,164,238)),
            color-stop(0.5, rgb(54,144,240)),
            color-stop(1, rgb(26,97,219))
    );

    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    line-height: 1;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.5);

    border: 1px solid;
    border-color: #2f71a3 #265a82 #1e4766 #265a82;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;

    box-shadow: 		inset 0px -4px 5px rgba(255,255,255,0.2),
    inset 0px 1px 5px rgba(255,255,255,0.2),
        /**/
    0px 2px 0px #1e4766,
    0px 4px 0px #1e4766,
    0px 6px 0px #1e4766,
        /**/
    0px 8px 5px rgba(0,0,0,0.5);

    -moz-box-shadow: 	inset 0px -4px 5px rgba(255,255,255,0.2),
    inset 0px 1px 5px rgba(255,255,255,0.2),
        /**/
    0px 2px 0px #1e4766,
    0px 4px 0px #1e4766,
    0px 6px 0px #1e4766,
        /**/
    0px 8px 5px rgba(0,0,0,0.5);

    -webkit-box-shadow: inset 0px -4px 5px rgba(255,255,255,0.2),
    inset 0px 1px 5px rgba(255,255,255,0.2),
        /**/
    0px 2px 0px #1e4766,
    0px 4px 0px #1e4766,
    0px 6px 0px #1e4766,
        /**/
    0px 8px 5px rgba(0,0,0,0.5);
}

.button05:hover {
    background: #8AC5FD -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, rgb(134, 193, 253)),
            color-stop(0.49, rgb(153, 213, 255)),
            color-stop(0.5, rgb(130, 194, 253)),
            color-stop(1, rgb(108, 170, 229))
    );

}

.button05:active {
    top: 4px;
    box-shadow: 		inset 0px 4px 5px rgba(255,255,255,0.4),
    inset 0px -1px 5px rgba(255,255,255,0.2),
        /**/
    0px 2px 0px #1e4766,
        /**/
    0px 4px 5px rgba(0,0,0,0.5);

    -moz-box-shadow: 	inset 0px 4px 5px rgba(255,255,255,0.4),
    inset 0px -1px 5px rgba(255,255,255,0.2),
        /**/
    0px 2px 0px #1e4766,
        /**/
    0px 4px 5px rgba(0,0,0,0.5);

    -webkit-box-shadow: inset 0px 4px 5px rgba(255,255,255,0.4),
    inset 0px -1px 5px rgba(255,255,255,0.2),
        /**/
    0px 2px 0px #1e4766,
        /**/
    0px 4px 5px rgba(0,0,0,0.5);
}

/***********************end button*****************************/
.c_panel{
    width:228px;
    height:260px;
    margin:8px 5px 3px 5px;
    border:1px solid #fff;
    background-color: #0c61e0;
}
.fx_vc{
    margin:2px 60px;
    width:110px;
    height:110px;
    background:url(/nwyj/images/cockpit/monitoring/fx.png);
}
.fx_ob{
    display: inline-block;
    float: left;
    width:36.6px;
    height:36.6px;
}
#f_one:hover{
    background:url(/nwyj/images/cockpit/monitoring/fx11.png);
}
#f_two:hover{
    background:url(/nwyj/images/cockpit/monitoring/fx12.png);
}
#f_three:hover{
    background:url(/nwyj/images/cockpit/monitoring/fx13.png);
}
#f_four:hover{
    background:url(/nwyj/images/cockpit/monitoring/fx21.png);
}
#f_five:hover{
    background:url(/nwyj/images/cockpit/monitoring/fx22.png);
}
#f_six:hover{
    background:url(/nwyj/images/cockpit/monitoring/fx23.png);
}
#f_seven:hover{
    background:url(/nwyj/images/cockpit/monitoring/fx31.png);
}
#f_eight:hover{
    background:url(/nwyj/images/cockpit/monitoring/fx32.png);
}
#f_nine:hover{
    background:url(/nwyj/images/cockpit/monitoring/fx33.png);
}
.y_steps{
    width:210px;
    height:30px;
    margin:0 10px;
    
}
.step_text{
	width:40px;
	line-height:30px;
	display:inline-block;
	float:left;
	margin-left:17px;
}
.step_sel{
	width:130px;
	display:inline-block;
}

.yt_bj{
    width:208px;
    height:105px;
    margin:0 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #2d7aed;
}
.bj{
    width:208px;
    height:30px;
    margin: 5px 0;
}
.bj_plus{
    margin:0 30px;
}
.bj_txt{
    line-height: 30px;
}
.bj_mulit{
    margin: 0 30px;
}
a.add,a.decrease{
    width:30px;
    height:30px;
    text-decoration: none;
    display:block;
}
a.add{
    background:url(/nwyj/images/cockpit/monitoring/add.png) no-repeat
}
a.add:hover {
    background:url(/nwyj/images/cockpit/monitoring/add1.png) no-repeat
}
a.decrease{
    background:url(/nwyj/images/cockpit/monitoring/cut.png) no-repeat
}
a.decrease:hover{
    background:url(/nwyj/images/cockpit/monitoring/cut1.png) no-repeat
}
.selectbox{
	height:25px;
	line-height:25px;
	background-color:#0c61e0;
	color:#fff;
}
.selBtn{
	height:27px;
	color:#fff;
	background-color:#0c61e0;
	background-image:url(/nwyj/images/cockpit/btn/panl_fff.png);
}
div.selectbox-wrapper{
	border:1px solid #fff;
	color:#fff;
	background-color:#0c61e0;
	top:26px !important;
}
div.selectbox-wrapper ul li.selected{
	background-color:#0447b2;
}
.box2_custom .boxContent{
	padding:0;
	background-color:#4a6b9c;
}
.box2_custom .box_bottomcenter,.box2_custom .box_bottomleft,.box2_custom .box_bottomright{
	background-image:none;
}
.box2_custom .box_middlecenter{
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #fff;
}
.box2_custom .box_topcenter{
	border:1px solid #fff;
	border-bottom-width:0;
}
.box2_custom .box_topcenter, .box2_custom .box_topleft, .box2_custom .box_topright{
	background-image:none;
	background-color:rgba(44,58,85,.5);
}
.box2_custom .status{
	height:33px;
	line-height:33px;
}

.mes_img_mouse{/* 柑깃盧땡庫꼬객큐s */
	width:100%;
	height:5px;
	position:fixed;
	left:0;
	top:0;
}
.mes_img_mouseDown{/* 柑깃盧땡庫꼬객큐s */
	width:100%;
	height:5px;
	position:fixed;
	left:0;
}
.mes_img{/* 왠齡庫꼬묏야係객큐 */
	position:fixed;
	top:0;
	left:50%;
	display:none;
}
.mes_imgDown{/* 왠齡庫꼬묏야係객큐 */
	position:fixed;
	left:50%;
	display:none;
}
.s_mes_img{
	position:fixed;
	top:50%;
	left:0;
	display:none;
}
.s_mes_img_down{
	position:fixed;
	top:50%;
	display:none;
}
.s_mes_img_mouse{
	height:100%;
	width:5px;
	position:fixed;
	top:0;
	left:0;
}
.s_mes_img_mouse_down{
	height:100%;
	width:5px;
	position:fixed;
	top:0;
}
#title_bar,#side_bar{/* 묏야係  */
	display:none;
}

/* 쩌齡객큐 */
.kl_btn{}

/* 왠齡움  */
.con_panl{ position: fixed; cursor:pointer; left:5px; top:100px;}










	
/* //	var interval = setInterval("move()",5000);
	$(document).mousemove(function(e){
		alert();
		alert(e.clientY);
		showcoords(e,this);
	});

});
var timer = new Object();
function onmouseover(event){
	timer.id = event.data.id ;
	clearTimeout(timer.hide);
	timer.show = setTimeout("showTitleImg()",2000);
};
function onmouseout(){
	clearTimeout(timer.show);
};
function showTitleImg(){
	$("#" + timer.id).slideDown(600);
};

function onmouseup(){
	timer.hide = setTimeout("imgUp()",4000);	
};
function imgUp(){
	$("#" + timer.id).slideUp(600);
}

鞫刻庫꼬묏야으 
function showTitleBar(){
	$("#title_bar").slideDown(100);
	$("#m_img").slideUp(0);
	$("#m_img").removeClass("mes_img");
	$("#m_img").addClass("mes_imgDown");
	$("#m_img").css("top",$("#title_bar").height());
	$("#m_img").css("border-top","1px solid #fff");
	
	$("#mes_line").removeClass("mes_img_mouse");
	$("#mes_line").addClass("mes_img_mouseDown");
	$("#mes_line").css("top",$("#title_bar").height());
}

茶꾜庫꼬묏야으
function hiddenTitleBar(){
	$("#m_img").slideUp(0);
	$("#title_bar").slideUp(100);
	$("#m_img").removeClass("mes_imgDown");
	$("#m_img").addClass("mes_img");
	$("#m_img").css("top",0);
	
	$("#mes_line").removeClass("mes_img_mouseDown");
	$("#mes_line").addClass("mes_img_mouse");
	$("#mes_line").css("top",0);
}

鞫刻꿋긋묏야으 
function showSideBar(){
	$("#side_bar").slideDown(100);
	$("#s_img").slideUp(0);
	$("#s_img").removeClass("s_mes_img");
	$("#s_img").addClass("s_mes_img_down");
	$("#s_img").css("left",$("#side_bar").width());
	$("#s_img").css("border-left","1px solid #fff");
	
	$("#s_line").removeClass("s_mes_img_mouse");
	$("#s_line").addClass("s_mes_img_mouse_down");
	$("#s_line").css("left",$("#side_bar").width());
}

茶꾜꿋긋묏야으 
function hiddenSideBar(){
	$("#s_img").slideUp(0);
	$("#side_bar").slideUp(100);
	$("#s_img").removeClass("s_mes_img_down");
	$("#s_img").addClass("s_mes_img");
	$("#s_img").css("left",0);
	
	$("#s_line").removeClass("s_mes_img_mouse_down");
	$("#s_line").addClass("s_mes_img_mouse");
	$("#s_line").css("left",0);
}


function move(){
	if(pos.afterX==pos.nowX && pos.afterY==pos.nowY){柑깃灌땡 
		$(".count").html("not move");
		$("#s_img").slideUp(0);
		$("#m_img").slideUp(0);
	}else{柑깃盧땡 
		$(".count").html("move");
		pos.afterX = pos.nowX;
		pos.afterY = pos.nowY;
	}
}
솰桂柑깃角뤠盧땡 
function showcoords(e,obj){
	$("#aaa").val("KJKJ")
    var e = window.event || e;
    pos.nowX = e.clientX ;
    pos.nowY = e.clientY ;
    
    $("#a").val(pos.nowX+"   "+pos.nowY);
    if(pos.x==e.clientX && pos.y==e.clientY){
    	$("#m_img").slideUp(0);
    	$("#s_img").slideUp(0);
    }
} */