@charset "utf-8";
/*公共样式*/
html, body, p, b, dl, dd, table, td, th, input, button, textarea, pre, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6,select,option,label,input,strong{ margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6, pre, address, caption, cite, code, dfn, em, th, var/*, b, i*/ {font-style: normal;font-weight: normal;font-size:1em;}
body{font-size:12px;color:#333;font-family: simsun,arial,helvetica,clean,sans-serif;background-color:#fff;}
a,a:hover{text-decoration:none;}
img{border:none;}
*html img{border:none;}
p{overflow:hidden;}
ul,li{list-style: none;}
.left {float: left;}
.right{float: right;}
.clear:after,.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: block; *display: inline-block;}
.clearfix{ display: block;}
.back_gray {
    background-color: gray;
}
/*头部*/
.header {}
.header .hgroupContainer{background-color: #f8f8f8; border-bottom: 1px solid #ccc;}
.header .hgroup{width:1200px; margin:0px auto;line-height:38px;height:38px; color:#666;}
.header .hgroup a{color:#666;}
.header .hgroup a:hover{color:#f00;}
.header .hgroup span{ float:left; margin-left:10px;}
.span_top{float:left; margin-right:5px; padding-right:10px;}
.span_top .xkwdl{ height:16px;float:left;margin-left:10px;}
.span_top .qqdl{height:16px;float:left;margin-left:10px;}
.pro_dh{width:90px;float:left; position:relative; z-index:4; margin-top:7px;height:28px;}
.pro_dh .pagenum{line-height:20px;background: url("top_sj.gif") no-repeat right;width: 60px;cursor:pointer;display: block;margin-right:10px; border-left:1px solid #ccc; padding-left:10px;}
.pro_dh .ss{position:absolute;top:25px;right:-1px; width:90px;border:solid 1px #e1e1e1;border-top:0px;background-color:#f8f8f8;display:none;margin-top:3px;}
.pro_dh .ss ul{margin:5px auto; line-height:28px;width:100%;}
.pro_dh .ss ul li{text-align:center;display:block; float:left;width:80px; overflow:hidden;}
.pro_dh .ss ul li a{color:#666;font-size:12px;width:80px;height:28px;display: block;margin:0 auto;}
/*.pro_dh .ss ul li a:hover{color:#fff;background-color:#666;}*/
.pro_dh .ss ul li a:hover{color:#08c;}

    .pro_dh .ss2col {width:160px;
    }

.top{width:1200px; margin:8px auto;height:88px;}
.logo{padding-top:5px;width:205px;height:80px;}
.search{margin-top:16px;margin-left:38px;width:610px;}
.search form{width:600px;height:34px;padding:3px 5px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;background-color:#f5f5f5;}
.search input.keywords{width:496px;height:32px;line-height:32px;color:#999;padding-left:3px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;border-left:1px solid #ebebeb;border-right:none;}
.search input.focus{width:496px;height:32px;line-height:32px;color:#999;padding-left:3px;border-top:1px solid #ff9901;border-bottom:1px solid #ff9901;border-left:1px solid #ff9901;border-right:none;}
.search input.ss{width:100px;height:34px;background: url("sear.jpg") no-repeat;border:none;cursor:pointer;}
.search p{text-indent:0;height:26px;line-height:26px;}
.search p span{color:#f00;padding-left:8px;}
.search p a{padding-right:5px;color:#000;}
.search p a:hover{color:#FF3300;}

.resource{width:110px;height:38px;margin-top:16px;position:relative;z-index:2;}
.top .res1{background: url("bg2_icon.png") no-repeat;position:absolute;z-index:30;width:110px;}
.top .res2{background: url("bg2_icon.png") no-repeat 0 -42px;position:absolute;z-index:30;width:110px;}
.resource .zyl {background: url("icon.png") no-repeat 8px 10px;line-height: 38px;padding-left: 40px;cursor: pointer;}
.resource label{position: absolute;top:-10px;left:15px;z-index:31;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;background-color:#FF9900;padding:0 3px;color:#fff;height:16px;line-height:16px;min-width:10px;text-align:center}
.zyl_list{width:360px;height:auto;border:1px solid #FFA012;position: absolute;top:37px;right:0;background-color:#fff;display:none;z-index:28;}
.zyl_list ul{margin:10px 15px;max-height:192px;overflow: auto;}
.zyl_list ul li{width:100%;height:26px;line-height:26px;padding:0 0 5px;border-bottom:1px dashed #eee;overflow:hidden;}
.zyl_list ul li a {background: url("icon.png") no-repeat scroll 0 -177px;display: inline-block;height: 26px;padding-left: 5px;width: 180px;float:left;color:#333;}
.zyl_list ul li a:hover{color:#ff3300;}
.zyl_list ul li span{background: url("icon.png") no-repeat scroll 0 -891px;cursor: pointer;padding-left: 15px;float:right;display:inline-block;padding-right:5px;color:#FF6600;}
.zyl_list .free{color:#009900;float:right;padding-right:10px;}
.zyl_list .point, .zyl_list .money{color:#f00;float:right;padding-right:10px;}
.zyl_list .supply{color:#ff6600;float:right;padding-right:10px;}
.zyl_btn {background-color: #F5F5F5;height: 30px;padding: 8px 0;width: 100%;height:30px;line-height:30px;}
.zyl_btn input{width:70px;height:30px;float:right;display: inline-block;text-align: center;color:#fff;background: url("bg3_icon.png") repeat-x;border:none;margin-right:15px;cursor: pointer;}
.zyl_btn .all{float:left;padding-left:15px;color:#676767;}
.zyl_btn .all span{color:#f00;}
.no_res{background: url("icon5.png") no-repeat 50px 10px;padding:10px 0 10px 115px;color:#676767;line-height:60px;height:60px;}
.no_res a{color:#1D7AD9;}

.nav{width:100%;height:45px;background-color:#1d7ad9;-moz-box-shadow: 0 2px 5px #666;-webkit-box-shadow: 0 2px 5px #666;box-shadow:0 2px 5px #666;}
.nav_main{width:1200px;margin:0 auto;line-height:45px;}
.classify{width:200px;background: url("bg4_icon.png") repeat-x;cursor: pointer;position: relative;height:45px;z-index:10;}
.nav_lef{height:45px;}
.nav_lef span {color: #FFFFFF;display: inline-block;float: left;font-family: "Microsoft YaHei,Microsoft YaHei UI";font-size: 17px;padding-left: 35px;}
.nav_lef b {background: url("icon.png") repeat scroll 0 -348px;display: inline-block;float: left;height: 45px;margin-left: 20px;overflow: hidden;text-indent: -1000000px;width: 14px;}

/*分类导航*/
.detail_list {background-color: #F9F9F9;border: 1px solid #EBEBEB;height: 432px;left: 0;position: absolute;top: 45px;width: 198px;padding-top:6px;z-index:1;}
.zyfl{display:none;}
.navlist {height: 35px;position: relative;width: 168px;margin:0 auto;}
.navlist h3 {border-bottom: 1px dashed #E4E4E4;font-size: 12px;font-weight: normal;height: 34px;line-height: 34px;position: absolute;width: 168px;}
.navlist h3 b {background: url("icon.png") no-repeat scroll 0 -657px;float: left;height: 33px;margin-left:6px;width: 27px;}
.navlist h3 strong{float: left;height: 33px;margin-left:6px;width: 27px;}
.navlist h3 a {color: #333; float: left;font-size: 15px;padding-left:6px;cursor:default;font-family: "Microsoft YaHei,Microsoft YaHei UI";}
.navlist h3.hover {background-color: #FFFFFF;border-bottom: 1px solid #1E7BD9;border-left: 1px solid #1E7BD9;border-top: 1px solid #1E7BD9; width: 183px;z-index: 4;}
.navlist h3 em {color: #ccc;float: right;font-weight: bold;padding-right: 15px;font-family:"Microsoft YaHei,Microsoft YaHei UI";}
.navlist h3.hover  em{padding-right:30px;}
.navlist .navmore {background-color: #FFFFFF;border: 1px solid #1E7BD9;height: auto;left: 183px;display:none;overflow: hidden;padding: 10px 12px;position: absolute;width: 512px;z-index: 3;}
.icon01 .navmore {top: 0;}
.icon02 .navmore {top: -35px;}
.icon03 .navmore {top: -70px;}
.icon04 .navmore {top: -105px;}
.icon05 .navmore {top: -140px;}
.icon06 .navmore {top: -175px;}
.icon07 .navmore {top: -210px;}
.icon08 .navmore {top: -245px;}
.icon09 .navmore {top: -140px;}
.icon10 .navmore {top: -315px;}
.icon11 .navmore {top: -120px;}
.icon12 .navmore {top: -240px;}
.navmore ul {height: auto;}
.navmore ul li{border-bottom:1px dashed #D5D5D5;float: left;font-size: 12px;width: 512px;line-height:24px;padding:5px 0;}
.navmore ul li h2{font-weight:bold;color:#1d7ad9;font-family: "Microsoft YaHei,Microsoft YaHei UI";height:24px;}
.navmore ul li a{color:#666;padding-right:2px;}
.navmore ul li a:hover{color:#FF3300;}
.navmore .img{width:220px;height:288px;padding-right:15px;border-right:1px dashed #e8e8e8;}
.navmore .img a{width:220px;height:80px;padding:8px 0;display:block;}
.navmore .dload{width:260px;height:288px;}

.dload .tit{height:26px;border-bottom:2px solid #ebebeb;position:relative;margin-bottom:8px;}
.dload .tit span{border-bottom:2px solid #1d7ad9;height:26px;line-height:26px;text-align:left;position:absolute;top:0;left:0;color:#1d7ad9;font-size:14px;font-weight:bold;padding:0 5px;}
.dload_list{width:260px;overflow:hidden;border-bottom:1px dashed #e5e5e5;}
.dload_text {height: 36px;line-height: 36px;width: 260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dload_text span {background-color: #EBEBEB;display: inline-block;height: 16px;line-height: 16px;margin-top: 10px;text-align: center;width: 18px;color:#333;}
.dload_text span.num1{background-color: #ff9900;color:#fff;}
.dload_text span.num2{background-color: #ffcc00;color:#fff;}
.dload_text span.num3{background-color: #ffcc66;color:#fff;}
.dload_text a{color:#333;padding-left:6px;font-size:14px;}
.dload_text a:hover,.detail a:hover{color:#f00;}
.dload_info{height:30px;line-height:30px;padding-left:24px;display:none;}
.dload_info label.cz {background: url("icon.png") no-repeat scroll 0 -932px;padding-left: 15px;}
.dload_info label.xz {background: url("icon.png") no-repeat scroll 0 -966px;padding-left: 15px;}
.dload_info em{color:#f00;}
.dload_info .xj{width:58px;height:11px;display:inline-block;}
.dload_info .xj0{background: url("star_icon.jpg") no-repeat scroll 0 -147px;}
.dload_info .xj1{background: url("star_icon.jpg") no-repeat scroll 0 -119px;}
.dload_info .xj2{background: url("star_icon.jpg") no-repeat scroll 0 -90px;}
.dload_info .xj3{background: url("star_icon.jpg") no-repeat scroll 0 -62px;}
.dload_info .xj4{background: url("star_icon.jpg") no-repeat scroll 0 -33px;}
.dload_info .xj5{background: url("star_icon.jpg") no-repeat scroll 0 -5px;}

.sub_nav{width:1000px;}
.sub_nav li{float:left;width:83px;height:45px;display:inline-block;text-align:center;}
.sub_nav li.show{background: url("xxdhbg.jpg") repeat-x;}
/*.sub_nav li.show{background-color:orange;}*/
.sub_nav li a{font-size:17px;color:#fff;width:83px;height:45px;display:block;font-family: "Microsoft YaHei,Microsoft YaHei UI";}
.sub_nav li a.yellow{color:#ffff00;}
.sub_nav li a:hover{background-color:#3385d9;}

/*底部*/
.footer{width:100%;margin-top:20px;border-top:2px solid #f0f0f0;background-color:#f8f8f8;}
.footer_up{width:1200px;margin:20px auto 0;}
.footer_left{float:left;width:682px;border-right:1px solid #EBEBEB;}
.footer_left dl {float: left;padding: 0 10px;width: 150px;}
.footer_left dl dt,.footer_cen dl dt,.footer_rig dl dt {font-size: 14px;font-weight: bold;height: 30px;line-height: 30px;padding-bottom:5px;}
.footer_left dl dt.img1{background: url("icon.png") no-repeat scroll 0 -116px;padding-left: 25px;}
.footer_left dl dt.img2{background: url("icon.png") no-repeat scroll 0 -596px;padding-left: 22px;}
.footer_left dl dt.img3{background: url("icon.png") no-repeat scroll 0 -538px;padding-left: 25px;}
.footer_left dl dt.img4{background: url("icon.png") no-repeat scroll 0 -478px;padding-left: 22px;}
.footer_left dl dd{height:32px;line-height:32px;padding-left:25px;}
.footer_left dl dd a,.footer_cen dl dd a{color:#333;}
.footer_left dl dd a:hover,.footer_cen dl dd a:hover,.footer_rig dd a:hover{color:#f30;}
.footer_cen{float:left;width:220px;padding-left:30px;border-right:1px solid #ebebeb;}
.footer_cen dl dd{height:22px;line-height:22px;}
.footer_cen dl.dl dd{float:left;padding-right:10px;*padding-right:5px;}
.footer_cen dl dt.img5{background: url("icon.png") no-repeat scroll 0 -417px;padding-left: 25px;}
.footer_rig{width:236px;float:right;}
.footer_rig dd {float: left;height: 86px;margin: 0 8px;text-align: center;width: 86px;}
.footer_rig dd a{color:#333;height:32px;line-height:32px;width:86px;display:block;}
.footer_down{width:100%;background-color:#fff;margin-top:20px;*margin-top:10px;}
.foot{margin:0 auto;width:1200px;height:auto;}
.footnav{width:1200px;height:40px;line-height:25px;color:#333;text-align:center;}
.footnav a{font-size:12px;color:#333;padding:0 10px;}
.foot p{text-align:center;font-size:12px;line-height:24px;}

/*弹窗模态蒙版*/
.back {position: fixed;width: 100%;background-color: black;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";opacity: 0.6;display:none ;height:100%;top:0;left:0;z-index:20;}

/**--弹窗顶部标题--**/
.win_title{height:30px;line-height: 30px;background-color:#8ac9e5;}
.win_title span {color: #003366;float: left;font-family: Microsoft YaHei,Microsoft YaHei UI;font-size: 14px;font-weight: bold;padding-left: 20px;}
.win_title b{font-size:16px;color:#337EB7;padding-right:10px;float:right;width:20px;height:30px;display:block;cursor: pointer;text-align:center;}

/*编辑收藏弹窗*/
.edit_win{position:fixed;top:30%;left:50%;width:702px;border:10px solid #999494; border-radius:10px;background-color:#fff;margin-left:-350px;z-index:21;_position:absolute;display:none;}

/*弹窗表单*/
.alert_form{margin:30px;}
.verify{height:20px;float:left;width:100%;}
.alert_form .infor .inf{line-height:24px;float:left;}
.alert_form .infor .inf input.input{border:1px solid #c2c6d2;padding:2px 5px;height:18px;line-height:18px;color:#444;display: inline-block;float:left;}
.alert_form .infor .inf input.field1{width:300px;}
.alert_form .infor .inf input.field3{width:108px;}
.alert_form .infor .inf input.field4{width:150px;}
.alert_form .infor .inf em{width:100px;height:24px;display: inline-block;float:left;overflow: hidden;padding:0 10px;}
.alert_form .infor .inf a{color:#939393;text-decoration: underline;cursor: pointer;}
.alert_form .infor .inf textarea{border:1px solid #c2c6d2;padding:5px;height:90px;line-height:22px;width:500px;color:#444;font-size:12px;}
.alert_form .infor .inf span {text-align: right;width: 100px;display: inline-block;float:left;font-size:14px;vertical-align:top;}
.alert_form .infor .inf label{font-size:14px;padding-right:10px;}
.alert_form .infor .inf label input{margin-right:5px;}
.alert_form .infor .inf input.field2{border:none;color:#fff;height:34px;padding:0 15px;background-color: #009ee8;font-size:14px;border-radius: 5px;font-weight:bold;margin-left:100px;*margin-left:70px;margin-right:30px;cursor: pointer;}
.alert_form .infor .inf select{width:120px;border:1px solid #c2c6d2;color:#444;padding:1px 0;}
.alert_form .infor .inf b{color:#f00;font-size:14px;font-family: "Microsoft YaHei,Microsoft YaHei UI";padding:0 2px;}

/*编辑收藏弹窗*/
.screenshot_win{position:fixed;top:30%;*top:50%;left:50%;width:360px;border:5px solid #999494; border-radius:5px;background-color:#fff;margin-left:-180px;z-index:22;_position:absolute;display:none;}
.screenshot_win img{width:260px;padding:30px 50px;}

.cz,.pt{color: #f00;}
.mf{color:#090}
.tg{color:#f60}

.online{position: fixed;right:0;top:390px;}
.online ul{width:65px;height:188px;float:right;overflow: visible;background: url("bg.png") no-repeat 15px 0;}
.online ul li{width:50px;height:45px;position: relative;display:block;padding-left:15px;overflow: visible;margin-top:2px;float:left;}
.online ul li a.yjfk,.online ul li a.fhdb{width:50px;height:45px;display: block;}
.online ul li.li0{background: url("bg.png") no-repeat -55px -2px;}
.online ul li.li1{background: url("bg.png") no-repeat -55px -49px;}
.online ul li.li2{background: url("bg.png") no-repeat -55px -96px;}
.online ul li.li3{background: url("bg.png") no-repeat -55px -143px;}
.online ul li .hover{position: absolute;right:65px;width:169px;display: none;top:-100px;}
.online ul li .hover .tp{height:25px;}
.online ul li .hover .tp img{height:25px;width:169px;display: block;}
.online ul li .hover .bd{background: url("bd.jpg") repeat-y;padding:5px 0;border:none;}
.online ul li .hover .bt{height:22px;}
.online ul li .hover .bt img{height:22px;width:169px;display: block;}
.online ul li .hover .bd .tit{background-color: #EEF5FD;font-size: 14px;font-weight: bold;height: 30px;line-height: 30px;margin: 0 auto;text-align: center;width: 110px;}
.online ul li .hover .bd .wxt{margin-top:15px;}
.online ul li .hover .bd .qq_chat{margin:10px auto 0;height:25px;line-height: 25px;width:126px;}
.online ul li .hover .bd .qq_chat span{line-height: 25px;display: inline-block;float:left;padding-left:5px;}
.online ul li .hover .bd .qq_chat a{width: 78px;height: 25px;display: inline-block;float:right;}
.online ul li .hover .bd .bs{width:60px;height:72px;margin:15px auto 0;}
.online ul li .hover .pos{position: absolute;top:104px;right:-7px;*right:-7px;_right:-8px;}
.online ul li .hover .bd .e{width:62px;height:62px;margin:0 auto 15px;}
.online ul li .hover .bd .chat{width:126px;height:30px;line-height: 30px;text-align: center;margin:0 auto 15px;background: url("bg.png") no-repeat 0 -212px;}
.online ul li .hover .bd .chat a{color:#fff;}
.online ul li .hover .bd .chat a:hover{font-weight: bold;}
.online ul li .hover .bd .dload{width:99px;height:30px;margin:30px auto 0;padding-bottom: 10px;}
.online ul li .hover .bd .dload{width:99px;height:30px;margin:30px auto 0;padding-bottom: 10px;}

.top .upload{width:110px;height:38px;margin:16px 10px 0 0;position:relative;background: url("bg2_icon.png") no-repeat 0 -82px;}
.top .upload .up {background: url("upload.png") no-repeat scroll 16px -32px;line-height: 38px;padding-left: 42px;cursor: pointer;}
.top .upload .up a{color:#333;}
.top .upload .up.hover {background: url("upload.png") no-repeat scroll 16px -72px;}
.top .upload .up.hover a,.top .upload .up a:hover{color:#ff9900;}
.top .upload label{width:45px;height:20px;line-height:16px;position: absolute;top:-10px;right:-6px;color:#fff;background: url("upload.png") no-repeat;text-align: center;}

.workingTips{
    width:250px;
    height:30px;
    vertical-align:middle;
    position:fixed;
    background-color:white;
    text-align:center;
    padding-top:15px;
    z-index:21000;
    border:2px solid silver;
    border-radius:5px;
}
.workingTips img{
    vertical-align:top;
    margin-right:3px;
}

.suggestion-float-box {
    position:absolute;
    top: 87px;
    display: none;
    background: white;
    border: 1px solid gray;
    line-height: 28px;
    width: 598px;
    line-height: 26px;
    font-size: 14px;
    text-decoration: none;
    color: #313131;
    cursor: pointer;
    z-index:10;
}

.suggestion-float-box a {
    padding: 0 13px;
    height: 26px;
    font-family: Tahoma;
    display: block;
    overflow: hidden;
    line-height: 26px;
    font-size: 14px;
    text-decoration: none;
    color: #313131;
    cursor: pointer;
}

.suggestion-float-box em {
    overflow: hidden;
    margin: 6px 9px 0 0;
    width: 15px;
    height: 15px;
    line-height: 14px;
    font-size: 11px;
    text-align: center;
    color: #fff;
    background-position: 0 -26px;
    background-image: url(hotnumberbg.png);
    background-repeat: no-repeat;
    float:left;
}
.suggestion-float-box .hot {
    background-position: 0 0;
}

/*OnlineServicePanel*/
/* right-nav */

.fl {
    float: left;
}

.fr {
    float: right;
}
.panel i { background: url(spring.png) no-repeat; display: inline-block;
}
.panel{ position:fixed; _position:absolute; bottom:40px; _bottom:auto; _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight - 80); right:5px; z-index:100;}
.panel ul li{ position:relative; display:block; padding:10px; width:30px; height:30px; line-height: 14px; text-align:center; color:#fff; background-color:#d4d4d4;border-radius: 2px;margin-bottom: 2px;cursor: pointer;}
.panel ul li i{ display:block; width:23px; height:23px; position: absolute;top:14px; left:14px;}
.panel ul li.qq i{background-position: 0 -502px;}
.panel ul li.consultation i{background-position: 0 -538px;}
.panel ul li.education i{background-position: 0 -578px;}
.panel ul li.wrong i{background-position: 0 -617px;}
.panel ul li.weixin i{background-position: 0 -659px;}
.panel ul li.gotop i{background-position: 0 -702px;}

.panel ul li .tip{ display:none; color:#fff;font-size: 12px;}
.panel ul li:hover{ background-color:#FFA21A;}
.panel ul li:hover i{ display:none;}
.panel ul li:hover .tip{ display:block;font-size: 12px;}
.panel .weixin:hover i{ display:block; background-position:0 -659px;}
.panel ul li.education,.panel ul li.wrong{padding:10px 5px 10px;width: 40px;}

.panel-qr{ display:none;position:absolute; top:-40px; right:60px; padding:15px; border:1px solid #ccc; background-color:#fff; color: #666;width: 175px;}
.panel-qr .abox{ position:absolute; width:16px; height:16px; right:-16px; top:50%; margin-top:-8px;}
.panel-qr .abox .a1,.panel .panel-qr .abox .a2{ position:absolute; width:0; height:0; overflow:hidden; border-width:8px; border-style:dashed dashed dashed solid;}
.panel-qr .abox .a1{ border-color:transparent transparent transparent #ccc; left:1px;}
.panel-qr .abox .a2{ border-color:transparent transparent transparent #ccc; left:0;}
.panel-qr p{line-height: 24px;}
.panel-qr-e .down-e{width: 90px;height: 26px;background-color: #63a51b;display: block;color: #fff;font-size: 12px;text-align: center;line-height: 26px;margin: 10px 0 0 15px;border-radius: 20px;}
.panel-qr-e img{margin-bottom: 10px;}
.panel-qr-e {width: 120px;top:-57px;}
.panel-qr-b{width: 150px;top:-97px;}
.panel-qr-b .bd .tit{color: #333;font-size: 14px;text-align: left;line-height: 30px;}
.qq-chat span{line-height: 30px;}
.qq-chat a img{vertical-align:middle;}
.panel-transition-block{width: 20px; height: 100%; right:-16px; position: absolute; top: 0px;}