@charset "UTF-8";
/* CSS Document */

.CsOuterDiv {
    width:100%;
    height: 100%;
    position:absolute;
    overflow: hidden;
    top: 0;
}
.window {
    width: 380px;
    height: 270px;
    position: absolute;
    left: 73%;
    top: 62%;
    border-radius: 4px;
	z-index: 999;
	overflow: hidden;
}


.win-header {
    height: 30px;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    background: #fff;
}

.win-body {
    width: 100%;
    height: 286px;
    padding-bottom: 30px;
}

.win-body iframe {
    width: 100%;
    height: 100%;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.win-sys-btns {
    float: right;
}

.win-sys-btns {
    height: 100%;
    padding: 2px 10px;
    font-size: 14px;
    float: right;
    line-height: 26px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.win-menu {
    cursor: pointer;
}

.win-menu+.win-menu {
    margin-left: 5px;
}

.win-menu-close:hover:before {
    content: "\f057";
}

.win-menu-close {
    color: #FF6057;
}

.videoout { display: none;}

	
@media only screen and (max-width:800px)
{
	.CsOuterDiv {
		width:100%;
		height: 100%;
		position:inherit;
		overflow: hidden;
		top: 0;
	}
	.window {
		width: 240px;
		height: 170px;
		position: absolute;
		left: 20%;
		top: 65%;
		border-radius: 4px;
		z-index: 999;
	}

	.win-header {
		height: 30px;
		width: 100%;
		border-bottom: 1px solid #e8e8e8;
		background: #fff;
	}

	.win-body {
		width: 100%;
		height: 140px;
		padding-bottom: 30px;
	}

	.win-body iframe {
		width: 100%;
		height: 100%;
		border: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-khtml-user-select: none;
		user-select: none;
	}
}