@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;
}
.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;
}
.clears {
    clear:both;
    height:2px;
}
.left {
    float:left;
}
.right {
    float:right;
}
#main {
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0px;
    background-color:#c60f26;
    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:#c60f26;
    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:#c60f26;
    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:#c60f26;
}
.ui-state-active {
    padding:1px !important;
    border:1px solid #508FC2 !important;
    color:#c60f26 !important;
    background-color:#ffffff;
}
.ui-state-highlight {
    padding:1px !important;
    border:1px dashed #508FC2;
    color:#c60f26 !important;
    background-color:#ffffff;
}
.ui-datepicker-calendar {
    height:212px;
}
.ui-datepicker-current {
    float:right !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;
}
#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 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:#c60f26;
    background-color:#fff;
    font-weight:bold;
    border-bottom:2px solid #c60f26;
}
#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:#c60f26;
    font-weight:bold;
    padding-left:47px;
    border-left:2px solid #c60f26;
    background-color:#fff;
}
.optionsMenu li a {
    color:#000000;
    display:block;
    font-size:14px;
    background-color:#f8f8f8;
}
.optionsMenu li a.current {
    color:#c60f26;
    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;
    float:left;
    margin-left:20px;
    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 {
    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 .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;
}
.showLogo .freeip {
    padding-left:20px;
    vertical-align:middle;
    width:95px;
    height:25px;
    line-height:25px;
    background:url('../img/freeip.jpg') no-repeat right 0px;
}
.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;
}
#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 .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 .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-left5{
    padding-left: 5px;
}
.padding-top5{
    padding-top: 5px;
}