@CHARSET "UTF-8";
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, tr, td, th, img, div, label, span, dl, dd {
    font: 12px/1.8 Arial, Helvetica, sans-serif, 'microsoft yahei', tahoma, verdana, 'simsun';
    margin: 0px;
    padding: 0px;
    border: 0px;
}
:focus {
    outline: 0;
}
/*.noselect {*/

/*-moz-user-select:none;*/

/*-webkit-user-select:none;*/

/*}*/

a {
    outline: none;
    text-decoration: none;
}
* {
    word-wrap: break-word;
}
.lshide {
    display: none;
}
.inlineB {
    display: inline-block;
}
.mousepointer {
    cursor: pointer;
}
html, body {
    color: #000;
    font-size: 12px;
    margin-top: 0px;
    font-family: Microsoft YaHei, ​Verdana;
    font-size: 12px;
}
input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"], select {
    cursor: pointer;
    font-size: 12px;
}
input[type="text"] {
    font-size: 12px;
}
input[type="radio"] {
    margin: 0px 8px;
    margin-top: 0px;
}
input[type="text1"] {
    font-size: 12px;
}
ul, ol {
    list-style-type: none;
}
select, input, img, select {
    vertical-align: middle;
}
.clear {
    clear: both;
    height: 2px;
}
.clear-height10 {
    clear: both;
    height: 10px;
}
.clears {
    clear: both;
}
.left {
    float: left;
}
.right {
    float: right;
}
#main {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    background-color: #ff8200;
    width: auto;
    height: auto;
}
#header {
    border-bottom: 1px solid #EAEAEA;
}
#header .container {
    width: auto;
    background-color: #2D2D2D;
    height: 40px;
}
#header .logonvr {
    float: left;
    width: 240px;
    height: 40px;
    background: url(../img/logo.png) center center no-repeat;
    margin-left: 0px;
    margin-right: 0px;
}
#header .logoxvr {
    float: left;
    width: 240px;
    height: 40px;
    background: url(../img/logo_hvr.png) center center no-repeat;
    margin-left: 0px;
    margin-right: 0px;
}
#header .logodvr {
    float: left;
    width: 240px;
    height: 40px;
    background: url(../img/logo_dvr.png) center center no-repeat;
    margin-left: 0px;
    margin-right: 0px;
}
#header .mainList {
    display: block;
    height: 40px;
    position: absolute;
    margin-left: 240px;
    float: left;
}
#header .mainList li {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 150px;
    float: left;
}
#header .mainList li a {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 150px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}
#header .mainList li a:hover {
    background-color: #2D2D2D;
}
#header .mainList li a.current {
    background-color: #ff8200;
    color: #fff;
}
#header .hsmainList li {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 150px;
    float: left;
}
#header .hsmainList li a {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 150px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}
#header .hsmainList li a:hover {
    background-color: #2D2D2D;
}
#header .hsmainList li a.current {
    background-color: #ff8200;
    color: #fff;
}
#header .userInfo {
    float: right;
    /* width: 350px; */
}
#header .userInfo a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0px 25px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    display: inline-block;
}
.ico_user {
    background: url('../img/header-icons.png') no-repeat 0 14px;
    float: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    width: 44px;
}
.ico_logout {
    background: url('../img/header-icons_logout.png') no-repeat 0 14px;
    float: right;
}
.ico_help {
    background: url('../img/header-icons_help.png') no-repeat 0 14px;
    float: right;
}
#container {
    position: absolute;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;
    width: 100%;
    height: 90%;
}
#innerContainer {
    left: 0px;
    right: 10px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    margin-top: 0px;
}
#innerContainer .realTime {
    position: absolute;
    left: 200px;
    top: 28px;
    width: 70%;
    height: 90%;
    z-index: 0;
    display: block;
    visibility: visible;
}
#innerContainer .toptip {
    position: absolute;
    left: 200px;
    top: 5px;
    width: 70%;
    height: 28px;
    z-index: 0;
    display: block;
    visibility: visible;
}
#innerContainer .channellist {
    background-color: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 200px;
    height: 90%;
    z-index: 0;
    display: block;
    visibility: visible;
}
.contentleft {
    z-index: 0;
    width: 100%;
}
#datepicker .ui-datepicker {
    width: 292px !important;
    height: 300px !important;
    color: #000000;
}
.ui-state-default {
    text-align: center !important;
}
.ui-datepicker-next span {
    text-indent: 0px !important;
    cursor: pointer;
}
.ui-datepicker-prev span {
    text-indent: 0px !important;
    cursor: pointer;
}
.ui-datepicker {
    background-color: #f9f9f9;
}
.ui-datepicker-header {
    background-color: #D3D3D3;
    height: 32px;
    line-height: 32px;
}
.ui-datepicker-title {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
}
.ui-datepicker-title span {
    line-height: 32px;
}
.ui-datepicker-calendar a {
    color: #000000;
    height: 25px;
    line-height: 25px;
}
.ui-datepicker-calendar a:hover {
    padding: 1px;
    border: 1px solid #508FC2;
    color: #ff8200;
}
.ui-state-active {
    padding: 1px !important;
    border: 1px solid #508FC2 !important;
    color: #ff8200 !important;
    background-color: #ffffff;
}
.ui-state-highlight {
    padding: 1px !important;
    border: 1px dashed #508FC2;
    color: #ff8200 !important;
    background-color: #ffffff;
}
.ui-datepicker-calendar {
    height: 212px;
}
.ui-datepicker-current {
    float: right !important;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity : 1 !important;
    font-weight: normal !important;
}
.logRight {
    width: 264px;
    padding: 12px;
    padding-top: 2px;
    height: 497px;
    float: left;
    background-color: #f3f3f3;
    border: 1px solid #d3d3d3;
    border-left: none;
}
.logRight label {
    height: 25px;
    line-height: 25px;
}
.logMain {
    margin-left: 20px;
    float: left;
    width: 746px;
    height: 200px;
    border: 1px solid #d3d3d3;
    position: relative;
    overflow: auto;
}
.logMain .tabHead {
    padding-left: 1px;
    padding-top: 1px;
}
.logMain .tabHead ul {
    display: block;
    height: 25px;
}
.logMain .tabHead li {
    display: block;
    float: left;
    width: 140px;
    padding-left: 5px;
    height: 25px;
    line-height: 25px;
    background-color: #f3f3f3;
}
.logMain .tabHead li .resizebtn {
    width: 1px;
    border-right: 1px solid #000000;
    cursor: col-resize;
    float: right;
}
.logMain .tabHead li span, .logMain .tabHead li a {
    padding: 0px 4px;
    display: block;
    float: left;
    color: #000000;
}
.logMain table {
    background-color: #ebebeb;
}
.tagBlock select {
    font-size: 12px;
}
.tagBlock input[type="text"] {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
}
.tagBlock input[type="text1"] {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 12px;
}
.logMain table span {
    display: block;
    padding-left: 5px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    overflow: hidden;
}
.logMain table tr.even {
    background-color: #ffffff;
}
.logMain table tr.odd {
    background-color: #F8F8F8;
}
.logMain .resizeLine {
    height: 200px;
    width: 2px;
    border-right: 1px solid #B1B1B1;
    position: absolute;
    cursor: col-resize;
    display: none;
}
input.time {
    padding: 0px;
    position: absolute;
    background-repeat: no-repeat;
    background: #FFF url('../img/btnTime.bmp');
    margin: 0px;
    border: none;
    height: 30px;
    width: 254px;
    padding-left: 6px;
    line-height: 25px;
}
#optionsContainer {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #ebebeb;
}
#optionsContainer .optionsMenu {
    padding: 0px;
    width: 240px;
    position: absolute;
    background-color: #ebebeb;
}
#optionsContainer .optionsMain {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    z-index: 10;
    margin-left: 240px;
}
#optionsBlock {
    width: 100%;
    margin-top: 0px;
}
#optionsBlock .tagHead {
    display: block;
    height: 30px;
    border-bottom: 1px solid #B1B1B1;
}
#optionsBlock .tagHead li {
    display: block;
    height: 30px;
    line-height: 30px;
    margin-right: 1px;
    float: left;
}
#optionsBlock .tagHead li.hide {
    display: none;
}
#optionsBlock .tagHead li a {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #000000;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
}
#optionsBlock .tagHead li a.current {
    color: #ff8200;
    background-color: #fff;
    font-weight: bold;
    border-bottom: 2px solid #ff8200;
}
#optionsBlock .tagBlock {
    padding-left: 0px;
    margin-top: 25px;
}
.tagBlock table label, .tagBlock table span {
    display: block;
    height: 25px;
    line-height: 25px;
    text-indent: 4px;
    overflow: hidden;
}
.tagBlock table tr.odd {
    text-indent: 0px;
}
.tagBlock table tr.even {
    background-color: #FFFFFF;
}
.tagBlock .tbHead {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 0px #b5b5b5;
    margin-right: 280px;
    text-indent: 15px;
    background-color: #f3f3f3;
}
.optionsMenu dl dt {
    height: 39px;
    line-height: 39px;
    border-bottom: 1px #d3d3d3 solid;
    background: url('../img/opMenuBg.png') no-repeat;
}
.optionsMenu dl .optBase {
    background-position: 0 0px;
}
.optionsMenu dl .optHeight {
    background-position: 0 -39px;
}
.optionsMenu dl .optHeight1 {
    background-position: 0 -78px;
}
.optionsMenu dl .optHeight2 {
    background-position: 0 -117px;
}
.optionsMenu dl .optHeight3 {
    background-position: 0 -156px;
}
.optionsMenu dl .optHeight4 {
    background-position: 0 -195px;
}
.optionsMenu dl .optHeight5 {
    background-position: 0 -234px;
}
.optionsMenu dl .optBased {
    background-position: 0 -273px;
}
.optionsMenu dl .optHeightd {
    background-position: 0 -312px;
}
.optionsMenu dl .optHeighted1 {
    background-position: 0 -351px;
}
.optionsMenu dl .optHeighted2 {
    background-position: 0 -390px;
}
.optionsMenu dl .optHeighted3 {
    background-position: 0 -429px;
}
.optionsMenu dl .optHeighted4 {
    background-position: 0 -468px;
}
.optionsMenu dl .optHeighted5 {
    background-position: 0 -507px;
}
.optionsMenu dl dd li {
    /* display:block; */
    height: 29px;
    line-height: 29px;
    background-color: #fff;
}
.optionsMenu dl a {
    color: #000000;
    display: block;
    padding-left: 50px;
    font-size: 14px;
}
.optionsMenu dl a.current {
    color: #ff8200;
    font-weight: bold;
    padding-left: 47px;
    border-left: 2px solid #ff8200;
    background-color: #fff;
}
.optionsMenu li a {
    color: #000000;
    /* display:block; */
    font-size: 14px;
    background-color: #f8f8f8;
}
.optionsMenu li a.current {
    color: #ff8200;
    font-weight: bold;
    border-bottom: 1px solid #d9d9d9;
    background: url(../img/img.png);
    background-color: #fff;
}
.optionsMenu .hide {
    display: none;
}
.ui-slider {
    background-color: #aeaeae;
    height: 5px;
    position: relative;
}
.ui-slider-handle {
    position: absolute;
    top: -4px;
    border-radius: 100px;
    height: 12px !important;
    width: 12px;
    background-color: #fff;
    border: 1px solid #aeaeae;
}
.ui-datepicker .ui-slider {
    width: 85%;
    background-color: #fff;
    margin-left: 7px;
}
.ui-timepicker-div {
    padding-left: 6px;
}
.ui_tpicker_hour_label {
    margin-top: 4px;
}
.ui_tpicker_minute_label {
    margin-top: 4px;
}
.vedioBlock {
    width: 42.24em;
    height: 22.6em;
    border: none;
    margin-top: 10px;
    float: left;
    margin-left: 25px;
    margin-right: 20px;
    position: relative;
}
.optionsMenu {
    width: 350px;
    float: left;
}
.optionsMenu>.current {
    background: url('../img/up.jpg') no-repeat 0 2px;
    color: #000000;
}
.optionsMenu select {
    font-size: 12px;
}
.optionsMenu input[type="text"] {
    font-size: 12px;
}
.tagBlock .userList {
    width: 500px;
    height: 300px;
}
#optionsBlock .tagBlock tr td span, #optionsBlock .tagBlock tr td span a {
    color: #6B6B6B;
}
#all, .topFrame {
    background-color: #fff;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 100;
}
#edit {
    z-index: 102;
    position: absolute;
    width: 420px;
    height: 350px;
    border: 1px solid #999;
    box-shadow: 0 0 8px #b5b5b5;
    top: 45px;
    left: 110px;
}
#edit.remoteset {
    width: 580px;
    height: 530px;
}
#edit .editHeader {
    height: 34px;
    line-height: 34px;
    background-color: #6B6B6B;
    color: #fff;
    font-size: 16px;
    text-indent: 14px;
}
#edit .editContent {
    height: 30px;
    line-height: 30px;
    margin-right: 300px;
    margin: 0 20px;
}
.showLogo label {
    width: 120px;
}
.showLogo input[type="checkbox"] {
    position: absolute;
    margin-top: 4px;
}
.code div {
    width: 120px;
    height: 120px;
}
.code label {
    width: 124px;
    text-align: center;
}
.save {
    margin-top: 8px;
}
#optionsBlock .tags .container select {
    font-size: 12px;
}
#optionsBlock .tags .container input[type="text"] {}
#optionsBlock .tags .container .xyInput {
    width: 33px !important;
}
#optionsBlock .tags .container .xyButton {
    margin-left: 8px;
}
.tagBlock .smallSelect {
    font-size: 12px;
}
.vedioBlock .mask {
    border: 1px solid #fff;
    position: absolute;
}
#vedioBlock2 {
    position: absolute;
    width: 42.24em;
    height: 22.6em;
    left: 0px;
    top: 0px;
}
#plugin {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
}
#login input[type="text"], #login input[type="password"] {
    width: 188px;
    height: 25px;
    line-height: 25px;
    background-color: #fff;
}
.progressOuter {
    background-color: #fff;
    width: 362px;
    height: 18px;
    line-height: 18px;
    border: 1px #ddd solid;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    border-radius: 180px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    top: 50%;
    margin-left: 50%;
    left: -181px;
    padding: 0px;
}
.loading {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-left: 50%;
    background: url('../img/loading.gif');
}
.progressInner {
    position: absolute;
    width: 0px;
    top: 0px;
    left: 0px;
    height: 18px;
    vertical-align: middle;
    border-radius: 180px;
    line-height: 18px;
    background: #82d843 url('../img/slide.jpg');
}
#progressOuter {
    background-color: #fff;
    width: 362px;
    height: 18px;
    line-height: 18px;
    border: 1px #ddd solid;
    position: relative;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    border-radius: 180px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    padding: 0px;
}
#progressOuter.IPCprogress {
    border-left-width: 1px;
    left: -1;
    right: 7px;
    width: 450px;
}
#progressInner {
    position: absolute;
    width: 0px;
    top: 0px;
    left: 0px;
    height: 18px;
    vertical-align: middle;
    border-radius: 180px;
    line-height: 18px;
    background: #82d843 url('../img/slide.jpg');
}
#waitBlock {
    position: absolute;
    background-color: #000;
    opacity: .80;
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}
.code img {
    padding-top: 6px;
}
.code table {
    width: 116px;
    height: 116px;
    margin: 0px !important;
}
.fisheyesinput {
    font-family: Arial, Helvetica, sans-serif;
    width: 30px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    border-left: 1px #dddddd solid;
    border-top: 1px #dddddd solid;
    border-right: 1px #dddddd solid;
    border-bottom: 1px #dddddd solid;
    background-color: #fff;
}
.portvoid {
    width: 5px;
}
.csss tr.alt td {
    background: #f6f6f6;
}
.csss tr.over td {
    background: #e0e0e0;
}
.comlist li.alt {
    background: #f6f6f6;
}
.comlista li.alt {
    background: #f6f6f6;
}
.comlistb li.alt {
    background: #f6f6f6;
}
.lefttop {
    background: url(../img/channel-icons.png) no-repeat;
    background-position: 0px 8px;
    padding-left: 25px;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: 25px;
    height: 20px;
    line-height: 20px;
    margin-right: 15px;
    width: 200px;
}
.navleft ul li {
    padding-left: 30px;
    height: 30px;
    line-height: 30px;
}
.navleft ul li a {
    cursor: pointer;
    color: #000;
}
.navleft ul li .play {
    display: inline-block;
    background: url(../img/channel-icons-1.png) no-repeat -25px 0px;
    width: 18px;
    height: 15px;
    position: relative;
    top: 3px;
}
.navleft ul li .playing {
    display: inline-block;
    background: url(../img/channel-icons-1.png) no-repeat -50px 0px;
    width: 18px;
    height: 15px;
    position: relative;
    top: 3px;
}
.navleft ul li .record {
    display: inline-block;
    background: url(../img/channel-icons-1.png) no-repeat -75px 0px;
    width: 18px;
    height: 15px;
    margin-left: 20px;
    position: relative;
    top: 3px;
}
.navleft ul li .recording {
    display: inline-block;
    background: url(../img/channel-icons-1.png) no-repeat -100px 0px;
    width: 18px;
    height: 15px;
    margin-left: 20px;
    position: relative;
    top: 3px;
}
.navleft ul li .ma1 {
    display: inline-block;
    background: url(../img/nav_icon1.png) no-repeat;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    position: relative;
    top: 5px;
    cursor: pointer;
}
.navleft ul li .ma2 {
    display: inline-block;
    background: url(../img/nav_icon2.png) no-repeat;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    position: relative;
    top: 5px;
    cursor: pointer;
}
.Secon_Dary {
    border: 1px solid #999;
    display: none;
    background-color: #fff;
    position: relative;
    top: -20px;
    left: 30px;
    width: 107px;
    z-index: 9999;
}
.Secon_Dary p:hover {
    background-color: #f5f5f5;
}
.Secon_Dary p .m1 {
    background: url(../img/nav_icon1.png) no-repeat left center;
    padding-left: 25px;
    margin-left: 5px;
    cursor: pointer;
}
.Secon_Dary p .m2 {
    background: url(../img/nav_icon2.png) no-repeat left center;
    padding-left: 25px;
    margin-left: 5px;
    cursor: pointer;
}
.Secon_Dary p .m3 {
    background: url(../img/nav_icon3.png) no-repeat left center;
    padding-left: 25px;
    margin-left: 5px;
    cursor: pointer;
}
.Dary {
    display: none;
}
.Dary p {
    height: 36px;
    border: #ccc 1px solid;
    float: left;
    position: absolute;
    margin-top: -48px;
    margin-left: 15px;
    background: #fff;
}
.Dary p .c1 {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/toolicons.png) no-repeat -5px -3px;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}
.Dary p .c2 {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/toolicons.png) no-repeat -32px -3px;
    float: left;
    margin-right: 10px;
}
.Dary p .c3 {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/toolicons.png) no-repeat -59px -3px;
    float: left;
    margin-right: 10px;
}
.Dary p .c4 {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/toolicons.png) no-repeat -86px -3px;
    float: left;
    margin-right: 10px;
}
.Dary p .c5 {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/toolicons.png) no-repeat -134px -3px;
    float: left;
    margin-right: 10px;
}
.Dary p .c6 {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/toolicons.png) no-repeat -161px -3px;
    float: left;
    margin-right: 10px;
}
.Dary p .c7 {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/toolicons.png) no-repeat -188px -3px;
    float: left;
    margin-right: 10px;
}
.Dary p .l1 {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/toolicons.png) no-repeat -5px -60px;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}
.Dary p .l2 {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/toolicons.png) no-repeat -32px -60px;
    float: left;
    margin-right: 10px;
}
.Dary p .l3 {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/toolicons.png) no-repeat -59px -60px;
    float: left;
    margin-right: 10px;
}
.Dary p .k1 {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/toolicons.png) no-repeat -89px -60px;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}
.Dary p .k2 {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/toolicons.png) no-repeat -119px -60px;
    float: left;
    margin-right: 10px;
}
#innerContainer .realtimex {
    position: relative;
    top: 100%;
    height: 40px;
    width: 99.9%;
    border: 1px solid #bcbcbc;
    border-top: none;
    background: #fff;
    z-index: 9999;
}
.concerbt_left {
    float: left;
}
.concerbt_left {
    float: left;
}
.concerbt_left li, .concerbt_right li, .concerbt_rights li, .concerbt_middle li {
    float: left;
    height: 40px;
    line-height: 40px;
}
.concerbt_left li a, .concerbt_right li a, .concerbt_rights li a, .concerbt_middle li a {
    height: 25px;
    display: inline-block;
    cursor: pointer;
    margin-top: 10px;
}
.concerbt_middle li a {
    margin-top: 10px;
}
.icon {
    background: url(../img/toolicons.png) no-repeat -26px 0;
    width: 25px;
    margin-left: 10px;
}
.iconone {
    background: url(../img/toolicons.png) no-repeat 0 0;
    width: 25px;
    margin-left: 10px;
}
.iconnine {
    background: url(../img/toolicons.png) no-repeat -53px 0;
    width: 25px;
    margin-left: 10px;
}
.iconsisteen {
    background: url(../img/toolicons.png) no-repeat -80px 0;
    width: 25px;
    margin-left: 10px;
}
.icontwofive {
    background: url(../img/toolicons.png) no-repeat -134px 0;
    width: 25px;
    margin-left: 10px;
}
.iconthreesix {
    background: url(../img/toolicons.png) no-repeat -161px 0;
    width: 25px;
    margin-left: 10px;
}
.iconsixfour {
    background: url(../img/toolicons.png) no-repeat -188px 0;
    width: 25px;
    margin-left: 10px;
}
.icon1 {
    background: url(../img/toolicons.png) no-repeat -115px 0;
    width: 10px;
    margin-right: 10px;
}
.icon21 {
    background: url(../img/toolicons.png) no-repeat -115px 0;
    width: 10px;
    margin-right: 10px;
}
.icon41 {
    background: url(../img/toolicons.png) no-repeat -115px 0;
    width: 10px;
    margin-right: 10px;
}
.icon2 {
    background: url(../img/toolicons.png) no-repeat 0 -56px;
    width: 25px;
}
.icon22 {
    background: url(../img/toolicons.png) no-repeat -26px -56px;
    width: 25px;
}
.icon3 {
    background: url(../img/toolicons.png) no-repeat -115px 0;
    width: 10px;
    margin-right: 10px;
}
.icon4 {
    background: url(../img/toolicons.png) no-repeat -175px -142px;
    width: 25px;
}
.icon5 {
    background: url(../img/toolicons.png) no-repeat -115px 0;
    width: 10px;
    margin-right: 10px;
}
.concerbt_middle {
    float: left;
    margin-left: 35%;
}
.bts_1 {
    width: 25px;
    background: url(../img/toolicons.png) no-repeat 0 -173px;
    border: 1px solid #fff;
}
.bts_2 {
    background: url(../img/toolicons.png) no-repeat -115px 0;
    width: 10px;
    border: 1px solid #fff;
}
.bts_3 {
    width: 25px;
    background: url(../img/toolicons.png) no-repeat -30px -172px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #fff;
}
.bts_4 {
    width: 25px;
    background: url(../img/toolicons.png) no-repeat -120px -173px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #fff;
}
.bts_5 {
    width: 25px;
    background: url(../img/toolicons.png) no-repeat -150px -173px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #fff;
}
.bts_7 {
    width: 25px;
    background: url(../img/toolicons.png) no-repeat -180px -173px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #fff;
}
.bts_6 {
    width: 25px;
    background: url(../img/toolicons.png) no-repeat -60px -173px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #fff;
}
.bts_8 {
    width: 25px;
    background: url(../img/toolicons.png) no-repeat -210px -173px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #fff;
}
.concerbt_right {
    float: right;
    margin-top: 0px;
    height: 41px;
}
.bt_1 {
    width: 25px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/toolicons.png) no-repeat 0 -143px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bt_1_1 {
    width: 25px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/toolicons.png) no-repeat -30px -143px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bt_2 {
    width: 25px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/toolicons.png) no-repeat 0 -113px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bt_2_2 {
    width: 25px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/tooliconson.png) no-repeat -115px -70px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bt_3 {
    width: 25px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/toolicons.png) no-repeat -59px -143px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bt_3_1 {
    width: 25px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/tooliconson.png) no-repeat -59px -143px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bt_3_2 {
    width: 25px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/tooliconson.png) no-repeat 0 -70px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bt_4 {
    width: 25px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/toolicons.png) no-repeat -89px -143px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bt_4_1 {
    width: 25px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/tooliconson.png) no-repeat -89px -143px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bt_4_2 {
    width: 25px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/tooliconson.png) no-repeat -30px -70px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bt_5 {
    width: 25px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/toolicons.png) no-repeat -119px -143px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bt_5_2 {
    width: 25px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/tooliconson.png) no-repeat -59px -70px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bt_6 {
    width: 25px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/toolicons.png) no-repeat -149px -143px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bt_6_2 {
    width: 25px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/tooliconson.png) no-repeat -89px -70px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bt_7 {
    width: 25px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/toolicons.png) no-repeat -59px -113px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bt_7_1 {
    width: 25px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/tooliconson.png) no-repeat -59px -113px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bt_7_2 {
    width: 25px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/tooliconson.png) no-repeat -143px -70px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bt_8 {
    width: 10px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/toolicons.png) no-repeat -115px 0;
    border: 1px solid #fff;
    border: 1px solid #fff;
}
.bt_9 {
    width: 25px;
    margin-top: 8px;
    height: 30px;
    background: url(../img/toolicons.png) no-repeat -31px -113px;
    margin-left: 10px;
    margin-right: 5px;
    border: 1px solid #fff;
}
.concerbt_rights {
    float: right;
}
.bta_1 {
    width: 25px;
    background: url(../img/toolicons.png) no-repeat -240px -171px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #fff;
}
.bta_2 {
    width: 25px;
    background: url(../img/toolicons.png) no-repeat 0 -113px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bta_3 {
    width: 25px;
    background: url(../img/toolicons.png) no-repeat -338px -171px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bta_4 {
    width: 25px;
    background: url(../img/toolicons.png) no-repeat -89px -143px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bta_5 {
    width: 25px;
    background: url(../img/toolicons.png) no-repeat -59px -113px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bta_6 {
    width: 10px;
    background: url(../img/toolicons.png) no-repeat -115px 0;
    margin-left: -5px;
    border: 1px solid #fff;
}
.bta_7 {
    width: 25px;
    background: url(../img/toolicons.png) no-repeat -275px -171px;
    margin-left: 10px;
    border: 1px solid #fff;
}
.bta_8 {
    width: 25px;
    background: url(../img/toolicons.png) no-repeat -31px -113px;
    margin-left: 10px;
    border: 1px solid #fff;
    margin-right: 5px;
}
.bt_1:hover, .bt_1_1:hover, .bt_2:hover, .bt_3:hover, .bt_3_1:hover.bt_4:hover, .bt_5:hover, .bt_6:hover, .bt_7:hover, .bt_9:hover {
    border: 1px solid #CCC;
    border-radius: 2px;
}
.rihgtbthide {
    background: url(../img/hide.png) no-repeat;
    position: absolute;
    top: 43%;
    width: 11px;
    height: 52px;
    z-index: 9999;
    display: block;
}
.rihgtbtshow {
    background: url(../img/show.png) no-repeat;
    position: absolute;
    top: 43%;
    width: 11px;
    height: 52px;
    z-index: 9999;
    display: block;
}
.upnpMain {
    margin-left: 20px;
    float: left;
    width: 746px;
    height: 250px;
    border: 1px solid #d3d3d3;
    position: relative;
    overflow: auto;
}
.upnpMain.height60 {
    height: 60px;
}
.upnpMain .tabHead {
    padding-left: 1px;
    padding-top: 1px;
}
.upnpMain .tabHead ul {
    display: block;
    height: 25px;
}
.upnpMain .tabHead li {
    display: block;
    float: left;
    width: 140px;
    padding-left: 5px;
    height: 25px;
    line-height: 25px;
    background-color: #f3f3f3;
}
.upnpMain .tabHead li.cloud-li1 {
    width: 238px;
    text-align:left;
    line-height:28px;
}
.upnpMain .tabHead li.cloud-li2 {
    width: 238px;
    line-height:28px;
}
.upnpMain .tabHead li.cloud-li3 {
    width: 250px;
}
.upnpMain .tabHead li .resizebtn {
    width: 2px;
    height: 30px;
    border-right: 1px solid #ffffff;
    cursor: col-resize;
    float: right;
}
.upnpMain .tabHead li span, .upnpMain .tabHead li a {
    padding: 0px 4px;
    display: block;
    float: left;
    color: #000000;
}
.upnpMain table {
    background-color: #ebebeb;
}
#upnpedit {
    z-index: 102;
    position: absolute;
    width: 420px;
    height: 340px;
    border: 1px solid #999;
    box-shadow: 0 0 8px #b5b5b5;
    top: 45px;
    left: 110px;
}
#upnpedit .upnpeditHeader {
    height: 34px;
    line-height: 34px;
    background-color: #6B6B6B;
    color: #fff;
    opacity: 0.75;
    font-size: 16px;
    text-indent: 14px;
}
#upnpedit .upnpeditContent {
    padding: 10px;
}
#upnpedit .upnpeditContent label {
    display: block;
    padding: 5px 0px;
    padding-left: 40px;
    font-size: 14px;
}
#upnpedit .upnpeditContent input[type="text"], #upnpedit .upnpeditContent input[type="password"] {
    font-size: 12px;
    width: 134px;
    font-family: Arial, Helvetica, sans-serif;
    height: 20px;
    line-height: 20px;
    text-align: left;
    border-left: 1px #dddddd solid;
    border-top: 1px #dddddd solid;
    border-right: 1px #dddddd solid;
    border-bottom: 1px #dddddd solid;
    background-color: #fff;
}
#upnpedit .upnpeditContent select {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    width: 138px;
    position: relative;
    padding: 3px;
    display: inline-block;
    zoom: 1;
    height: 24px;
    line-height: 24px;
    text-align: left;
    border-left: 1px #dddddd solid;
    border-top: 1px #dddddd solid;
    border-right: 1px #dddddd solid;
    border-bottom: 1px #dddddd solid;
    background-color: #fff;
}
#useredit {
    z-index: 102;
    position: absolute;
    width: 570px;
    height: 520px;
    border: 1px solid #999;
    box-shadow: 0 0 8px #b5b5b5;
    top: 45px;
    left: 110px;
}
#useredit .usereditHeader {
    height: 34px;
    line-height: 34px;
    background-color: #6B6B6B;
    color: #fff;
    font-size: 12px;
    text-indent: 14px;
}
#useredit .usereditContent {
    height: 30px;
    line-height: 30px;
    margin-right: 300px;
    margin: 0 20px;
}
#useredit .usereditContent span.width200 {
    width: 200px;
    height: 25px;
    line-height: 25px;
}
#useredit .usereditContent span input[type="text"], #useredit .usereditContent span input[type="password"] {
    font-size: 12px;
    width: 134px;
    font-family: Arial, Helvetica, sans-serif;
    height: 20px;
    text-align: left;
    border-left: 1px #dddddd solid;
    border-top: 1px #dddddd solid;
    border-right: 1px #dddddd solid;
    border-bottom: 1px #dddddd solid;
    background-color: #fff;
}
#useredit .usereditContent select {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    width: 138px;
    position: relative;
    padding: 3px;
    display: inline-block;
    zoom: 1;
    height: 24px;
    line-height: 24px;
    text-align: left;
    border-left: 1px #dddddd solid;
    border-top: 1px #dddddd solid;
    border-right: 1px #dddddd solid;
    border-bottom: 1px #dddddd solid;
    background-color: #fff;
}
#Tipall {
    background-color: #EBEBEB;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 100;
}
#Tipedit {
    background-color: #FFF;
    z-index: 102;
    position: absolute;
    width: 300px;
    height: 155px;
    border: 1px solid #F2F2F2;
    /*悬浮代码代阴影start*/
    box-shadow: 0 0 8px #b4b4b4;
    /*悬浮代码代阴影end*/
    top: 305px;
    left: 45%;
}
#Tipedit .TipeditHeader {
    font-family: 'microsoft yahei';
    height: 34px;
    line-height: 34px;
    background-color: #F2F2F2;
    color: #000;
    /*left:0px;*/
    /*opacity:0.75;*/
    font-size: 20px;
    text-indent: 14px;
    cursor: move;
}
#Tipedit .TipeditContent {
    padding: 0px;
}
#Tipedit .TipeditContent label {
    display: block;
    padding: 15px 0px;
    padding-left: 0px;
    font-size: 12px;
}
.pluginLink {
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
    width: 555px;
    word-wrap: break-word;
    position: relative;
    top: 50%;
    left: 33%
}
.pluginLinkSel {
    color: #6699ff;
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
    width: 555px;
    word-wrap: break-word;
    position: relative;
    top: 50%;
    left: 33%
}
.configpluginLink {
    color: #FF0000;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
    width: 555px;
    word-wrap: break-word;
    position: relative;
    left: 20px
}
.configpluginLinkSel {
    color: #6699ff;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
    width: 555px;
    word-wrap: break-word;
    position: relative;
    left: 20px
}
.motionpluginLink {
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
    width: 348px;
    word-wrap: break-word;
    position: relative;
    top: 50%;
    left: 15%
}
.motionpluginLinkSel {
    color: #6699ff;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
    width: 348px;
    word-wrap: break-word;
    position: relative;
    top: 50%;
    left: 15%
}
.padding-left0 {
    padding-left: 0px;
}
.padding-left5 {
    padding-left: 5px;
}
.padding-left15 {
    padding-left: 15px;
}
.padding-left20 {
    padding-left: 20px;
}
.padding-top5 {
    padding-top: 5px;
}
#channelul {
    overflow-x: hidden;
}
#pluginDiv {
    position: absolute;
    z-index: 10;
    background-color: #000000;
}
#PcPoPmarket, #rbTip {
    z-index: 1000;
    right: 0px;
    background-color: #FFF;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    bottom: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: fixed;
    width: 210px;
    height: 150px;
    display: none;
    font-size: 12px;
    border: 1px solid #2D2D2D;
}
#popTop, #rbTip .tipHeader {
    height: 25px;
    overflow: hidden;
    background-color: #2D2D2D;
}
#popboby, #rbTip .tipBody {
    overflow: hidden;
    font-size: 12px;
    margin: 2px;
}
.color-white {
    color: #ffffff;
}
.color-black {
    color: #000000;
}
.color-red {
    color: #ff8200;
}
.margin5 {
    margin: 5px 0;
}
.margin-top4 {
    margin-top: 4px;
}
.margin-top5 {
    margin-top: 5px;
}
.margin-top10 {
    margin-top: 10px;
}
.margin-top24 {
    margin-top: 24px;
}
.margin-top30 {
    margin-top: 30px;
}
.margin-top50 {
    margin-top: 50px;
}
.margin-left3 {
    margin-left: 3px;
}
.margin-left20 {
    margin-left: 20px;
}
.text-aligin-center {
    text-align: center;
}
.width20 {
    width: 20px;
}
.width55 {
    width: 55px;
}
.width70 {
    width: 70px;
}
.width80 {
    width: 80px;
}
.width90 {
    width: 90px;
}
.width100 {
    width: 100px;
}
.width105 {
    width: 105px;
}
.width110 {
    width: 110px;
}
.width120 {
    width: 120px;
}
.width145 {
    width: 145px;
}
.width155 {
    width: 155px;
}
.width180 {
    width: 180px;
}
.width195 {
    width: 195px;
}
.width362 {
    width: 362px;
}
.width365 {
    width: 365px;
}
.width450 {
    width: 450px;
}
.width830 {
    width: 830px;
}
.height310 {
    height: 310px;
}
.height370 {
    height: 370px;
}
/* image模块 */
.span-title {
    width:150px;
    margin-right:10px;
}
.span-slide {
    width:180px;
    padding-top:1px;
    margin-top:9px;
}
.divDefault {
    margin-left: 819px;
    margin-top: 11px;
}
.defaultButton {
    width: 125px;
    height: 31px;
}
.divSave {
    text-align: left;
    margin-left:20px;
    margin-top:20px;
}
/* remoteset模块 */
.addDev {
    opacity: 1;
    display: none;
}
.searchTab {
    margin-left:10px;
    width: 560px;
}
.updateFileText {
    width: 450px;
    margin-left: 4px;
}
#progressText {
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 18px;
}
/* recset模块 */
.recMenu {
    height: 420px;
    margin-top: 0px;
}
.relative {
    position: relative;
}
.inline {
    display: inline;
}
/* p2p */
.p2pTable {
    margin-left:20px;
    padding-top:20px;
    margin-top:20px;
    margin-bottom:20px;
}
.funcPoe {
    display: none;
}
.inlineBlock {
    display: inline-block;
}