@charset "utf-8";
/* CSS Document */
body,iframe,dl,dt,dd,dl,h1,h2,h3,h4,h5,h6,p,table,th,td,form,input,button,select,textarea,em{margin:0; padding:0; font:12px/18px Arial, Helvetica, sans-serif; color:#1A1A1A;word-spacing:0;word-break:break-all; }
/*png*/
img{border:0;}
body{background:#d8dce0;}
/*文字定义*/
h3 { font-size:14px; line-height:24px; font-weight:bold;}
/*表单样式*/
select{height:24px;}
input[type="text"],input[type="password"]{height:18px;}
input[type="text"],input[type="password"],select,textarea{border:1px solid #aaa;transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, -moz-box-shadow linear .2s;-webkit-transition:border linear .2s, -webkit-box-shadow linear .2s; padding:2px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
input:focus,textarea:focus{outline:none;border-color:rgba(47, 169, 220, .75)!important;box-shadow:0 0 5px rgba(47, 169, 220, .5);-moz-box-shadow:0 0 5px rgba(47, 169, 220, .5);-webkit-box-shadow:0 0 5px rgba(47, 169, 220, .5);}
/*按钮样试*/
button *{outline:0;zoom:1;}  
button::-moz-focus-inner{border-color:transparent!important;} 
button{cursor:pointer;hide-focus:expression(this.hideFocus="true"); /* for ie 5+ */ outline: none; /* for firefox 1.5 + */ }
button{ margin-right:10px; background:url(img/btnBg.png) repeat-x;text-align:center;border:1px solid;border-color:#d9d9d9 #d9d9d9 #bfbfbf;border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px;padding:2px 10px;font-size:14px; line-height: 18px; font-weight: normal; *height:26px;}
button:hover{border-color:#bfbfbf #bfbfbf #b3b3b3;background-position:0 -40px;}
button:active{border-color:#b3b3b3 #c4c4c4 #c4c4c4;background-position:0 -80px;}
button.disabled,button.disabled:hover {color:#b3b3b3; cursor:default;border:1px solid;border-color:#d9d9d9 #d9d9d9 #bfbfbf;background:url(img/btnBg.png) repeat-x;}
.btnR{ margin:0 0 0 10px;}
/*鼠标定义*/
a{color:#0087BE; text-decoration:none; outline:none}
a:hover{text-decoration:underline;}
.second{color:#666;}
a.second{color:#666; text-decoration:none;}
a.second:hover{text-decoration:underline;}
.weak {color:#b3b3b3;} 
a.weak {color:#b3b3b3; text-decoration:none;}
a.weak:hover{text-decoration:underline;} 
/*翻页*/
.page{clear:both; overflow:hidden; margin:10px 0; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#808080;}
.page .paginationControl{text-align:center;}
.page .paginationControl span{margin:0 5px;}
.page .paginationControl .disabled{color:#9d9d9d;}
.page .paginationControl .disabled a{color:#9d9d9d; }
.page .paginationControl span.this{font-weight:bold; color:#ff7236; display:inline-block; padding:2px 0 4px;}
.page .paginationControl a{padding:3px 5px; border:1px solid #ddd; margin:0 2px; line-height:12px; text-decoration:none; display:inline-block;}
.page .paginationControl a{*display:inline;}
.page .paginationControl a:hover{background:#2fa9dc; color:#fff; text-decoration:none; border:#0087bd 1px solid;}
.page em{overflow:hidden;font-weight:bold; }
.page em span{margin-left:6px;}
.page em a{padding:2px 5px 0; font-weight:bold;}
.page .total{color:#999; font-size:12px; letter-spacing:1px;}
.page .elide{display:inline; margin:0 25px 0 10px;}
/*布局定义*/
#head{height:50px; padding:0 10px; background:-moz-linear-gradient(top,#fff,#d8dce0);background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#d8dce0));}
.left{width:150px;padding-left:10px;float:left;min-height:400px}
#right{padding:0 10px 0 170px;}
.content{padding-top: 10px; position: relative;}
.contentM{ margin:0 10px}
.title{margin: 0 10px 10px; line-height: 24px; height: 24px;}
.goBack{border-bottom: #ddd 1px solid; padding: 5px 0 10px 0; margin:0 10px 10px; line-height: 24px;}
.goBack button{float: right; }
.welcome{margin: 10px;}
.phoneM{width: 300px; position: absolute; top: 69px; right: 10px;}
.phoneM .usingMimg{float: left; width: 60px; text-align: center;}
.phoneM .usingMR{float: right; width: 230px;}
.phoneM .usingMR span.tit{font-size: 14px; padding-bottom: 3px;}
/*head*/
#head .logo{float:left;margin-top:15px; display:block; width: 207px; height: 19px; background: url(../styles/img/logo_cdboo.png) no-repeat; text-indent: -9999px;}
#head .myinfo{ width:500px;float:right;padding-top:15px;}
#head .myinfo span{float:right;padding-left:13px;}
/*left*/
#accordiont{margin-top:-10px;}
/* 
.left h3{color:#fff;margin-top:10px;padding:0 14px 0 10px;height:30px;line-height:30px;background:-moz-linear-gradient(top,#66bfeb,#49acde);background:-webkit-gradient(linear, 0 0, 0 100%, from(#66bfeb), to(#49acde));cursor:pointer;-webkit-box-shadow:3px 2px 6px #aaaaaa;-moz-box-shadow:3px 2px 4px #aaaaaa;}
*/

.left h3{color:#fff;margin-top:10px;padding:0 14px 0 10px;height:30px;line-height:30px;background:#66bfeb;background:-moz-linear-gradient(top,#66bfeb,#49acde);background:-webkit-gradient(linear, 0 0, 0 100%, from(#66bfeb), to(#49acde));cursor:pointer;-webkit-box-shadow:3px 2px 6px #aaaaaa;-moz-box-shadow:3px 2px 4px #aaaaaa;}

.left h3#openclose sapn{}
.left h3#openclose span{float:right; width:8px; height:30px;display:block;background:url(img/ico.png) no-repeat -2px -16px;}
.left h3#openclose span.ui-icon-triangle-1-s{background-position: -2px 11px;}
.left h3::-moz-focus-inner{border-color:transparent!important;}
.left h3{ cursor:pointer;hide-focus:expression(this.hideFocus="true");outline: none;}
.left h3{-moz-border-radius:4px;-webkit-border-radius:4px;border:0;}
.left h3.ui-corner-top{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;}
.left #test-content{-webkit-box-shadow:3px 3px 5px #aaaaaa;-moz-box-shadow:3px 3px 5px #bbb;}
.left #itemDIV{ border:0;}
.left .item{background:#fff;padding:0;margin:0;-moz-border-radius: 0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;list-style:none;-webkit-box-shadow:3px 2px 4px #aaaaaa;-moz-box-shadow:3px 2px 4px #aaaaaa;}
/*.left .item li { border-bottom:solid 1px #eee;list-type:none;}
.left .item li.last{ border-bottom: none;}*/
.left .item li a{height:30px;line-height:30px;padding-left:10px; display:block;color:#0087BE;}
.left .item li a.hover{background:#f5bb56; color:#fff; text-decoration:none;}
/*right*/
#right .path{height:30px;line-height:30px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#f2f2f2;background:-moz-linear-gradient(top,#f2f2f2,#e6e6e6);background:-webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e6e6e6)); color:#666; padding-left:10px;-webkit-box-shadow:3px 3px 5px #bbb;-moz-box-shadow:3px 3px 5px #bbb;margin-bottom:10px;}
#right .path span{padding:0 10px;color:#1a1a1a; }
#right .boxM{margin-bottom:10px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff;-webkit-box-shadow:3px 3px 5px #bbb;-moz-box-shadow:3px 3px 5px #bbb; padding-bottom:5px; min-height: 450px;}
#right .boxM .boxT{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;background:#66bfeb; background:-moz-linear-gradient(top,#66bfeb,#49acde);background:-webkit-gradient(linear, 0 0, 0 100%, from(#66bfeb), to(#49acde));padding:0 10px; text-align:right; height:30px; line-height:30px; position:relative; color:#fff;}
#right .boxM .boxT a{color:#fff; padding-left:10px;}
#right .boxM .boxT .box{position:absolute;right:0px;top:21px; display:none;}
#right .boxM .boxT .box .arr{background:url(img/ico.png) no-repeat 182px -55px; height:7px;}
#right .boxM .boxT .box .info{ background:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;-webkit-box-shadow:0px 3px 5px #ccc;-moz-box-shadow:0px 3px 5px #ccc; padding:10px 10px 0; color:#1a1a1a; text-align:left;}
#right .boxM .boxT .box .info div{padding-bottom:10px;}
#right .boxM .boxT .box .info div select{ margin-right:5px;}
#right .boxM .operation{background:#dbf2fe;padding:5px 10px;}
#right .boxM .operation button{margin-right:10px;}
#right .boxM table{ padding:0; margin:0;}
#right .boxM table th{background:#f2f2f2;color:#666; padding:5px 0 5px 10px; text-align:left;}
#right .boxM table td{padding:5px 0 5px 10px; text-align:left;}
#right .boxM table tr td:last-child {padding-right:10px;}
#right .boxM table th.name{width: 20%;}
#right .boxM table th.title{width: 25%;}
#right .boxM table th.intro{width: 25%;}
#right .boxM table th.developer{width: 10%;}
#right .boxM table th.brand{width: 5%;}
#right .boxM table th.time{width: 5%;}
#right .boxM table th.ids{width: 5%;}
#right .boxM table th.edit{width: 7%;}
#right .boxM table td.icon img{width: 48px;}
table td span.photo{text-shadow: 0 0 2px #0094be; color: #333; }
table td span.video{text-shadow: 0 0 2px #ff6600; color: #333; }
table td span.share{text-shadow: 0 0 2px #59d002; color: #333; }
table th em.photo{color: #0094be;}
table th em.video{color: #f58617;}
table th em.share{color: #43b903;}

/*Tab*/
#right .boxM .boxT .idTabs{padding:6px 0 0; height:24px;margin:0px;float:left;}
#right .boxM .boxT .idTabs li{ float:left; padding-right:10px; list-style:none; height: 24px;}
#right .boxM .boxT .idTabs li a{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;padding:0 10px;background:#7bc7ec;line-height:24px; height: 24px; display:block;}
#right .boxM .boxT .idTabs li a.selected{background:#fff; color:#0087bd;}
#right .boxM .boxT .idTabs li a:hover{ text-decoration:none;}
#right .boxM .infrom{ background:#fff; padding:5px 10px 5px;height: 24px;line-height: 24px;}
#right .boxM .lt {float:left;}
#right .boxM .rt {float:right;}
#right .boxM .rt input, #right .boxM .rt select, #right .boxM .rt button {margin-right:10px;}
#right .boxM .rt button:last-child, #right .boxM .rt input:last-child,#right .boxM .rt select:last-child  {margin-right: 0;}
/*right ul li img*/
#right .addimg{padding:0;}
#right .addimg li{padding:10px 17px 0 0;display:inline-block; vertical-align:top; width:220px; list-style:none;}
#right .addimg li{*display:inline;}
#right .addimg li.last{padding-right:0px;}
#right .addimg li span{display:block; line-height:22px; clear:both;}

/*rate*/
.starShow{height:9px; display:block;line-height:9px; width:54px; margin:5px 0 0 0;}
.author .starShow{display:inline-block;}
.star0{background:url(img/star.png) no-repeat 0 0px;}
.star5{background:url(img/star.png) no-repeat 0 -10px;}
.star10{background:url(img/star.png) no-repeat 0 -20px;}
.star15{background:url(img/star.png) no-repeat 0 -30px;}
.star20{background:url(img/star.png) no-repeat 0 -40px;}
.star25{background:url(img/star.png) no-repeat 0 -50px;}
.star30{background:url(img/star.png) no-repeat 0 -60px;}
.star35{background:url(img/star.png) no-repeat 0 -70px;}
.star40{background:url(img/star.png) no-repeat 0 -80px;}
.star45{background:url(img/star.png) no-repeat 0 -90px;}
.star50{background:url(img/star.png) no-repeat 0 -100px;}/*lzz*/
.left .menuTree{ border:none;}
.left .menuTree ul{font-size:100%; padding-bottom: 5px;}
.left .menuTree ul li ul{font-size:100%;padding:0px;margin: 0px;display:none;}
.left .menuTree ul li{list-style: none;padding-left: 20px;white-space: nowrap;line-height:29px;border-top:solid 1px #f1f1f1;font-size: 12px;}
.left .menuTree ul li.parent a{color: #0087bd;text-decoration: none;padding: 0px 2px;}
.left .menuTree ul li.parent a:hover{/*font-weight: bold;font-size: 110%;background:#73b2d1;*/}
.left .menuTree ul li.child a{/*color: #FB7F2D;*/text-decoration: none;padding: 0px 2px;}
/*.left .menuTree ul li.current{background: url(img/arrow.gif) no-repeat -390px 1px;}*/
.left .item li.current{ background:#e2f5ff;}
.left .expanded li.current{ background:none;}
.left .menuTree ul li ul li.current a{color:#ff6600;}
.left .menuTree ul li.parent{background: url(img/arrow.gif) no-repeat;}
.left .menuTree ul li.expanded{background: url(img/arrow.gif) -190px 0px no-repeat;}
#right .boxM table td.tableHeader {text-align: right; width: 48px; vertical-align: top; line-height: 24px;}
#right .boxM table td.topicLine{padding-top: 20px; padding-bottom: 0;}
#right .boxM table td.author{line-height: 24px; padding-bottom: 0;}

/*Permissions*/
.Permissions { width:auto}
.Permissions ul{ margin:0px; padding:0px; list-style:none; width:100%;}
.Permissions ul li{ padding:5px 5% 5px 0; line-height:20px; width:20%; float:left}

.videoInput{ width:100%; margin-top:6px; padding:2px 0;}
.videoPlay{ float:left; width:100px; margin-right:10px;}
.editVideo{ float:right; width:210px;}
.editVideo p{ line-height:30px;}
.videoTitle{ margin-bottom:6px;}
.clearfix{ clear:both}


#right .video{padding:0px;}
#right .video li{ width:300px; display:inline-block; vertical-align:top; *display:inline; *zoom:1; margin:0 30px 50px 0}
#right .video li .videoImg{ float:left;}
#right .video li .videoInfo{ float:left; margin-left:10px; width:190px;}
#right .video li .videoEdit{ clear:both; padding:5px 0 0 0; position:relative}
#right .video li .videoEdit .position{ position:absolute; left:30px; top:25px; padding:3px 5px; border:1px solid #ddd; border-radius:5px; box-shadow: 2px 2px 3px #C9C9C9;}
#right .video li .videoEdit .position a{ margin-right:0px; margin-left:6px;}
#right .video li .videoEdit a{ margin-right:10px;}
#right .video li .videoInfo a{ margin-bottom:4px; display:block}
.toolType{ padding:2px 0; margin:0 10px 10px; height:20px;}
.toolType .type{ float:left; padding:0 10px 0 0;}
.toolType .type div{float:left; height:20px; }
.toolType .type .typeL{width:10px; background:url(img/tooltype.gif);}
.toolType .type .typeC{height:20px; background:url(img/tooltype.gif) center 0; color: #fff; line-height:20px;}
.toolType .type .typeC a { color:#fff; text-decoration:none;}
.toolType .type .typeR{width:10px; background:url(img/tooltype.gif) right 0;}
.toolType .type2{float:left; padding:0 10px 0 0; height:20px; line-height:20px; _line-height:22px; cursor:pointer;}
.toolType .type2 div{float:left; height:20px;}
.toolType .type2 .typeL{width:10px; background:url(img/tooltype.gif) 0 -30px;}
.toolType .type2 .typeC{height:20px; background:url(img/tooltype.gif) center -30px; color:#666666; line-height:20px; }
.toolType .type2 .typeC a { color:#666666; text-decoration:none;}
.toolType .type2 .typeR{width:10px; background:url(img/tooltype.gif) right -30px;}

.subButon{ margin-top:20px;}

/*厂商产品列表*/
.productList{margin:0;padding: 0;list-style: none;}
.productList li {border-bottom:#ddd 1px solid;padding:5px 0;}
.productList li img{margin-right:10px; width: 48px;}
.productList li input[type="raido"]{margin-right: 10px;}

#topright{padding:0 10px 0 10px;}
#topright .path{height:30px;line-height:30px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#f2f2f2;background:-moz-linear-gradient(top,#f2f2f2,#e6e6e6);background:-webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e6e6e6)); color:#666; padding-left:10px;-webkit-box-shadow:3px 3px 5px #bbb;-moz-box-shadow:3px 3px 5px #bbb;margin-bottom:10px;}
#topright .path span{padding:0 10px;color:#1a1a1a; }
#topright .boxM{margin-bottom:10px; padding-bottom:5px; min-height: 300px;}
#topright .boxM .boxT{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;background:#66bfeb; background:-moz-linear-gradient(top,#66bfeb,#49acde);background:-webkit-gradient(linear, 0 0, 0 100%, from(#66bfeb), to(#49acde));padding:0 10px; text-align:right; height:30px; line-height:30px; position:relative; color:#fff;}
#topright .boxM .boxT a{color:#fff; padding-left:10px;}
#topright .boxM .boxT .box{position:absolute;right:0px;top:21px; display:none;}
#topright .boxM .boxT .box .arr{background:url(img/ico.png) no-repeat 182px -55px; height:7px;}
#topright .boxM .boxT .box .info{ background:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;-webkit-box-shadow:0px 3px 5px #ccc;-moz-box-shadow:0px 3px 5px #ccc; padding:10px 10px 0; color:#1a1a1a; text-align:left;}
#topright .boxM .boxT .box .info div{padding-bottom:10px;}
#topright .boxM .boxT .box .info div select{ margin-right:5px;}
#topright .boxM .operation{background:#dbf2fe;padding:5px 10px;}
#topright .boxM .operation button{margin-right:10px;}
#topright .boxM table{ padding:0; margin:0;}
#topright .boxM table th{background:#f2f2f2;color:#666; padding:5px 0 5px 10px; text-align:left;}
#topright .boxM table td{padding:5px 0 5px 10px; text-align:left;}
#topright .boxM table tr td:last-child {padding-right:10px;}
#topright .boxM table th.name{width: 20%;}
#topright .boxM table th.title{width: 25%;}
#topright .boxM table th.intro{width: 25%;}
#topright .boxM table th.developer{width: 10%;}
#topright .boxM table th.brand{width: 5%;}
#topright .boxM table th.time{width: 5%;}
#topright .boxM table th.ids{width: 5%;}
#topright .boxM table th.edit{width: 7%;}
#topright .boxM table td.icon img{width: 48px;}