@charset "utf-8";
html{
     background:#fff;
     overflow:auto;
     height:100%
}
body{
     min-width:1200px;
     font-size:16px;
     font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
     font-weight:400;
     color:#333;
     -webkit-font-smoothing:antialiased;
     min-height:100%;
     margin:0;
     padding:0;
     position:relative;
     background:#f4f4f4
}
a{
     color:#333;
     text-decoration:none;
     cursor:pointer;
     outline:0 none;
     transition:.2s all ease
}
a:hover{
     text-decoration:none;
     color:#ff4f20
}
a:focus{
     -moz-outline-style:none;
     border:0;
     blr:expression(this.onFocus=this.blur())
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{
     margin:0;
     padding:0
}
header,footer,article,aside,section,nav,menu,hgroup,details,dialog,figure,figcaption{
     display:block
}
ol,li,ul,dl,dt,dd{
     list-style:none
}
fieldset,img{
     border:0
}
button,submit,input,select{
     vertical-align:middle
}
button,submit{
     cursor:pointer
}
h1,h2,h3,h4,h5,h6{
     font-size:inherit;
     font-weight:lighter
}
table{
     border-collapse:collapse;
     border-spacing:0
}
sup{
     vertical-align:text-top
}
sub{
     vertical-align:text-bottom
}
select,button{
     font-family:inherit;
     font-size:inherit;
     font-weight:inherit;
     outline-style:none;
     outline-width:0;
     padding:0;
     margin:0
}
b,em,i{
     display:inline-block;
     font-weight:normal;
     font-style:normal
}
.clearfix:after{
     content:".";
     display:block;
     height:0;
     clear:both;
     visibility:hidden
}
.clearfix{
     zoom:1
}
.container{
     width:1200px;
     position:relative;
     margin:0 auto
}
.fl{
     float:left
}
.fr{
     float:right
}
.wrap{
     width:1080px;
     margin:0 auto
}
.main{
     padding-bottom:300px
}
.l-box{
     width:740px
}
.r-box{
     width:320px
}
.hide{
     display:none!important
}
.show{
     display:block!important
}
header{
     border-bottom:1px solid #e0e0e0;
     box-shadow:0 2px 6px #eee;
     background:#fff
}
.heading{
     width:1080px;
     height:66px;
     margin:0 auto
}
h1{
     float:left
}
h1 a,h1 a img{
     display:block;
     height:38px;
     margin-top:15px
}
.heading p{
     float:left;
     height:30px;
     line-height:30px;
     margin-top:30px;
     font-size:14px;
     margin-left:20px
}
.heading i{
     font-weight:600;
     color:#C33;
     font-size:15px
}
nav{
     width:100%;
     height:60px;
     background:#fff;
     border-bottom:1px solid #eee
}
.header-top{
     width:1080px;
     margin:0 auto
}
.head-nav{
     width:700px;
     margin-left:30px
}
.head-nav li{
     float:left;
     line-height:60px;
     height:60px;
     box-sizing:border-box;
     padding:0 16px;
     text-align:center;
     transition:.2s all ease;
     cursor:pointer;
     font-weight:500;
     position:relative;
     z-index:10
}
.head-nav li a{
     display:block;
     width:100%;
     height:100%;
     color:#333
}
.head-nav li:hover a{
     color:#de1e30
}
.head-nav .active{
     border-bottom:4px solid #de1e30
}
.head-nav .active a{
     color:#de1e30
}
.navbar-sub{
     width:1080px;
     height:40px;
     line-height:40px;
     margin:0 auto;
     font-size:13px
}
.navbar-sub dl{
     float:left
}
.navbar-sub dl dd,.navbar-sub dl dt{
     float:left;
     padding:0 6px
}
.navbar-sub dl dd a{
     color:#666;
     font-weight:400
}
.navbar-sub dl dd a:hover{
     color:#de1e30;
     text-shadow:1px 1px 1px #D9F2E5
}
.navbar-sub dl dt{
     width:36px;
     height:20px;
     background-image: -webkit-gradient(linear,top,bottom,from(#ff4657),to(#de1e30));
     background-image:-webkit-linear-gradient(top,#ff4657,#de1e30);
     background-image: -moz- oldlinear-gradient(top,#ff4657,#de1e30);
     background-image: linear-gradient(to bottom,#ff4657,#de1e30);
     margin-top:10px;
     text-align:center;
     line-height:18px;
     color:#fff;
     position:relative;
     margin-right:10px;
     font-weight:500;
     border-radius:40px
}
.navbar-sub dl dt i{
     display:block;
     position:absolute;
     width:0;
     height:0;
     border-top:6px solid transparent;
     border-left:6px solid #C66;
     border-bottom:6px solid transparent;
     right:-5px;
     top:5px
}
.navbar-sub .nav-basketb dt{
     margin-left:20px
}
header .second-nav{
     position:absolute;
     top:56px;
     left:0;
     width:200px;
     height:auto;
     background:#fff;
     display:none;
     box-shadow:0 1px 12px 0 rgba(0,0,0,.2);
     border-radius:0 0 4px 4px
}
header .second-nav li{
     float:left;
     width:100px;
     padding:0;
     text-align:center;
     height:40px;
     line-height:40px;
     font-size:14px
}
header .zonghety-nav{
     width:100px
}
header .second-nav li:hover a{
     color:#fff
}
header .second-nav li:hover i{
     display:inline-block
}
header .second-nav li:hover{
     background-image: -webkit-gradient(linear,top,bottom,from(#ff4657),to(#de1e30));
     background-image: -webkit-linear-gradient(top,#ff4657,#de1e30);
     background-image: -moz- oldlinear-gradient(top,#ff4657,#de1e30);
     background-image: linear-gradient(to bottom,#ff4657,#de1e30);
}
header .second-nav li a{
     color:#004D4D
}
header .second-nav li i{
     display:none;
     width:0;
     height:0;
     border-left:8px solid #fff;
     border-top:6px solid transparent;
     border-bottom:6px solid transparent;
     margin:0 4px
}
.ball-li:hover ul{
     display:block
}
.bq-li .second-nav{
     width:200px
}
.changeColor{
     animation:colorChange 4s infinite;
     -moz-animation:colorChange 4s infinite;
     -webkit-animation:colorChange 4s infinite;
     -o-animation:colorChange 4s infinite
}
@keyframes colorChange{
     0%{
          color:#de1e30
}
     33%{
          color:#f0f
}
     66%{
          color:#00f
}
     100%{
          color:#de1e30
}
}
footer{
     width:100%;
     background:#222;
     margin-top:40px;
     position:absolute;
     bottom:0;
     padding-bottom:10px
}
footer p{
     line-height:26px;
     text-align:center;
     color:#eee;
     font-size:12px
}
footer p span{
     margin-right:16px
}
footer p a{
     padding:0 10px;
     border-left:1px solid #fff;
     text-align:center;
     color:#eee
}
.top-box{
     position:fixed;
     right:100px;
     bottom:200px;
     border:2px solid #999;
     width:50px;
     height:50px;
     border-radius:10px;
     background:url("../img/top2.png") #fff no-repeat center;
     cursor:pointer;
     display:none
}
.top-box:hover{
     border:2px solid #de1e30;
     background:url("../img/top3.png") #fff no-repeat center
}
.top-box a{
     display:block;
     width:100%;
     height:100%
}
@media screen and (max-width:1400px){
     .top-box{
          right:0
}
}
.Bread-nav{
     width:1080px;
     margin:10px auto
}
.Bread-nav li{
     float:left;
     font-size:12px;
     color:#333
}
.Bread-nav li a,.Bread-nav li i{
     color:#999;
     margin:0 2px
}
.Bread-nav li a:hover{
     color:#de1e30
}
.head-one{
     margin:0 0 14px 0;
     color:#4a4a4a;
     font-size:20px;
     line-height:20px;
     position:relative
}
.head-one .wx-img{
     position:absolute;
     right:0;
     top:-8px;
     width:890px;
     height:40px;
     background:url("../img/") no-repeat
}
.head-one i{
     display:inline-block;
     width:24px;
     height:24px;
     vertical-align:middle
}
.head-one .live{
     background:url("../img/icon-live.png") no-repeat center;
     margin-right:10px
}
.head-one .hot-event{
     background:url("../img/icon-hotevent.png") no-repeat center;
     margin-right:10px;
     background-size:auto 100%
}
.head-one span{
     display:inline-block;
     vertical-align:middle;
     font-weight:500
}
.head-one .label{
     font-family:Impact;
     color:#e2e2e2;
     font-size:18px;
     line-height:23px;
     height:20px;
     margin-left:4px
}
.head-one .more i{
     display:inline-block;
     width:12px;
     height:10px;
     vertical-align:middle;
     background:url("../img/icon-more.png") no-repeat center
}
.head-one .more span{
     vertical-align:middle;
     color:#999;
     font-size:12px
}
.head-one .more:hover span{
     color:#de1e30
}
.head-two{
     border-bottom:1px solid #eee;
     padding-bottom:10px
}
.date-box{
     background:#fff
}
.date-box li{
     min-width:70px;
     text-align:center;
     padding:4px 0;
     border:1px solid #e0e0e0
}
.date-box li a{
     display:block;
     width:100%;
     height:auto;
     overflow:hidden
}
.date-box .active{
     background:#0093dd
}
.date-box .active a{
     color:#fff
}
.live-box{
     width:1060px;
     font-size:14px
}
.live-box .datedd{
     height:34px;
     line-height:34px;
     cursor:pointer;
     position:relative;
     border-bottom:1px dotted #eee;
     background:#eee;
     padding:0;
}
.live-box .datedd i{
     display:inline-block;
     width:10px;
     height:10px;
     border-radius:50%;
     background:#BA4547;
     margin:0 10px
}
.live-box .datedd img{
     position:absolute;
     width:12px;
     height:10px;
     right:10px;
     top:8px;
     transform:rotate(270deg)
}
.live-box dd{
     padding:10px 0;
     height:auto;
     border-bottom:1px dotted #e0e0e0
}
.live-box dd:hover{
     background:#f7f7f7
}
.live-box dd:hover .reload a{
     display:inline-block
}
.live-box dd div{
     margin:0 8px;
     display:inline-block;
     vertical-align:middle
}
.live-box dd .once-event{
     width:140px
}
.live-box dd .once-game{
     width:310px
}
.once-type{
     width:40px;
     text-align:center
}
.once-type a{
     display:block;
     width:100%;
     height:auto
}
.once-type a i{
     display:inline-block;
     width:22px;
     height:22px
}
.once-time{
     width:40px;
     text-align:center;
}
.once-event a{
     border-radius:6px;
     min-width:80px;
     line-height:22px;
     text-align:center;
     display:block;
     color:#0093dd;
     max-width:148px;
     padding:0 4px
}
.once-game{
     font-weight:500;
     font-size:15px;
     min-width:100px
}
.live-box dd .video-link{
     max-width:400px;
}
.video-link a span{
     margin:0 4px;
     display:inline-block;
     vertical-align:middle
}
.video-link a{
     margin:0 6px;
     color:#fff;
     font-size:13px;
     display:inline-block;
     width:100px;
     height:26px;
     border-radius:4px;
     background:#de1e30;
     opacity:.7;
     filter:alpha(opacity=70);
     -moz-opacity:0.7;
     -khtml-opacity:0.7;
     opacity: 0.7;
}
.video-link a b{
     display:inline-block;
     width:20px;
     height:26px;
     background:url("../img/") no-repeat center;
     vertical-align:middle;
     margin-left:10px;
     background-size:100% auto
}
.video-link a i{
     display:inline-block;
     width:17px;
     height:16px;
     background:url("../img/sprite.png") -32px -32px;
     vertical-align:middle;
     margin:0 4px
}
.video-link a:hover{
     opacity:1
}
.once-rem{
     width:18px;
     height:18px;
     border-radius:2px;
     background:#ff3f3f;
     color:#fff;
     font-size:13px;
     text-align:center;
     line-height:18px;
     position:relative
}
.once-rem i{
     position:absolute;
     width:0;
     height:0;
     border-right:6px solid #ff3f3f;
     border-top:4px solid transparent;
     border-bottom:6px solid transparent;
     left:-4px;
     top:4px
}
.reload a{
     background:url("../img/sprite.png") 0 -32px;
     width:22px;
     height:19px;
     display:none
}
.allbtn i{
     background:url("../img/sprite.png") -192px 0
}
.impbtn i{
     background:url("../img/sprite.png") -256px 0
}
.footbtn i{
     background:url("../img/sprite.png") 0 0
}
.baskbtn i{
     background:url("../img/sprite.png") -32px 0
}
.tenbtn i{
     background:url("../img/sprite.png") -64px 0
}
.volbtn i{
     background:url("../img/sprite.png") -128px 0
}
.badbtn i{
     background:url("../img/sprite.png") -96px 0
}
.Tabbtn i{
     background:url("../img/sprite.png") -160px 0
}
.othbtn i{
     background:url("../img/sprite.png") -224px 0
}
.scrbtn i{
     background:url("../img/sprite.png") -288px 0
}
.header-f{
     height:40px;
     line-height:40px;
     padding-left:10px;
     box-sizing:border-box;
     font-weight:500;
     font-size:18px;
     position:relative;
     text-align:center
}
.header-f p{
     position:relative;
     z-index:2;
     background:#fff;
     width:130px;
     margin:0 auto
}
.header-f i{
     position:absolute;
     width:80%;
     height:1px;
     background:#eee;
     top:20px;
     left:10%
}
.header-f a{
     position:absolute;
     right:10px;
     font-size:12px
}
.center{
     text-align:center
}
.head-fi{
     height:34px;
     line-height:34px;
     position:relative
}
.head-fi p{
     display:inline-block;
     min-width:140px;
     font-size:18px;
     font-weight:500;
     padding:0 10px
}
.head-fi a{
     position:absolute;
     right:10px;
     top:0;
     font-size:14px;
     font-weight:400
}
.hot-bq div{
     padding:10px;
     box-sizing:border-box
}
.hot-bq div a{
     display:inline-block;
     padding:0 10px;
     margin:6px 0;
     border-right:1px solid #e0e0e0;
     font-size:14px
}
.icon-foot{
     background:url("../img/sprite22.png") 0 0;
     width:22px;
     height:22px
}
.icon-basket{
     background:url("../img/sprite22.png") -44px 0;
     width:22px;
     height:22px
}
.icon-ten{
     background:url("../img/sprite22.png") -88px 0;
     width:22px;
     height:22px
}
.icon-vol{
     background:url("../img/sprite22.png") -132px 0;
     width:22px;
     height:22px
}
.icon-bad{
     background:url("../img/sprite22.png") -176px 0;
     width:22px;
     height:22px
}
.icon-Tab{
     background:url("../img/sprite22.png") -220px 0;
     width:22px;
     height:22px
}
.icon-other{
     background:url("../img/sprite22.png") -308px 0;
     width:22px;
     height:22px
}
.page{
     width:100%;
     background:#fff;
     padding-top:20px;
     text-align:center
}
.page .pagination{
     display:inline-block;
     border:0
}
.page .pagination li{
     float:left;
     padding:4px;
     border-radius:4px;
     border:1px solid #e0e0e0;
     margin:0 4px;
     min-width:20px;
     text-align:center;
     font-size:14px;
     font-weight:500;
     line-height:inherit;
     min-height:20px!important
}
.page .pagination li a{
     display:inline-block;
     width:100%;
     height:100%;
     color:#de1e30;
     margin:0
}
.page .pagination li:hover{
     background:#de1e30
}
.page .pagination li:hover a{
     color:#fff
}
.page .pagination .disabled{
     background:#e0e0e0
}
.page .pagination .disabled:hover{
     background:#e0e0e0
}
.page .pagination .disabled a{
     color:#999
}
.page .pagination .disabled:hover a{
     color:#999
}
.page .pagination .active{
     background:#de1e30
}
.page .pagination .active a{
     color:#fff
}
.r-content .hot-pd li i{
     position:absolute;
     left:10px;
     top:10px;
     width:0;
     height:0;
     border-top:4px solid transparent;
     border-bottom:4px solid transparent;
     border-left:4px solid #F63
}
.r-content .hot-pd li{
     float:left;
     width:40%;
     font-size:14px;
     height:28px;
     line-height:28px;
     padding-left:20px;
     position:relative;
     border:0
}
.r-content .hot-pd li a{
     width:40%
}
.videoshi .type-ul li{
     text-overflow:inherit
}
.index-btn a{
     width:76px;
     height:20px;
     line-height:20px;
     text-align:center;
     display:block;
     color:#de1e30;
     font-size:12px;
     border-radius:2px;
     transition:.2s all ease;
     border:1px solid #de1e30
}
.index-btn a:first-child{
     margin:6px 0 4px 0
}
.index-btn a:hover{
     background:#de1e30;
     color:#fff
}
.zhibo-ajax-btn{
     width:200px;
     margin:20px auto;
     height:40px;
     line-height:40px;
     cursor:pointer;
     border:1px solid #e0e0e0;
     text-align:center;
     border-radius:4px
}
.no-event-dd{
     text-align:center
}
.no-event-dd span{
     color:#de1e30;
     padding:0 4px
}
.map-a{
     color:#ff4f20
}
.bangdan-div{
     font-size:14px;
     margin-top:20px;
     border:1px solid #e0e0e0;
     border-top:0
}
.bangdan-div .type-ul{
     width:100%;
     border:1px solid #e0e0e0;
     line-height:30px;
     box-sizing:border-box;
     padding:0;
     margin-bottom:0
}
.bangdan-div .event-type{
     margin-bottom:0;
     background:#fff;
     font-size:12px;
     border:0;
     height:20px;
     padding:10px 2px
}
.bangdan-div .event-type li{
     float:left;
     width:34px;
     cursor:pointer;
     text-align:center;
     border:1px solid #e0e0e0;
     margin-right:3px;
     border-radius:2px;
     height:20px;
     line-height:20px
}
.bangdan-div .event-type li:hover{
     border:1px solid #de1e30
}
.bangdan-div .event-type .active{
     color:#fff;
     background:#de1e30;
     border:1px solid #de1e30
}
.bangdan-div .bang-ul{
     font-size:16px;
     display:flex
}
.bangdan-div .bang-ul li{
     width:48%;
     float:left;
     text-align:center;
     cursor:pointer;
     line-height:26px!important;
     height:26px!important;
     border-right:1px solid #e0e0e0!important;
     flex:1;
     font-size:14px
}
.bangdan-div .bang-ul li:last-child{
     border:none!important
}
.bangdan-div .bang-ul li:hover{
     color:#de1e30
}
.bangdan-div .bang-ul .active{
     color:#de1e30;
     background:#fff;
     font-weight:600;
     border-bottom:none!important
}
.bangdan-div .group-ul{
     border-top:0
}
.bangdan-div .group-ul li{
     float:left;
     width:38px;
     text-align:center;
     cursor:pointer
}
.bangdan-div .bang .group-ul .active{
     color:#de1e30;
     background:#fff;
     border:0;
     height:26px;
     font-weight:500
}
.bangdan-div .bang-contnet{
     margin-top:4px
}
.bangdan-div .shes,.bang,.group-dl,.bask-div,.baskbang{
     display:none
}
.bangdan-div .bang-contnet dd,.bang-contnet dt{
     display:inline-block;
     vertical-align:middle;
     width:100%;
     line-height:26px
}
.bangdan-div .bang-contnet dt{
     background:#f7f7f7
}
.bangdan-div .bang-contnet dd{
     font-size:13px;
     border-bottom:1px dotted #e0e0e0;
     line-height:30px
}
.bangdan-div .bang-contnet p{
     display:inline-block;
     vertical-align:middle;
     width:48px;
     text-align:center
}
.bangdan-div .bang-contnet p:nth-child(2){
     width:120px
}
.bangdan-div .bang-contnet p:nth-child(3){
     width:100px
}
.bangdan-div .bang-contnet p span{
     display:inline-block;
     width:16px;
     height:16px;
     color:#fff;
     border-radius:50%;
     vertical-align:middle;
     line-height:16px
}
.basket-ul .bang-ul li{
     width:70px
}
.schedule-div{
     margin-top:20px;
     font-size:14px
}
.schedule-div .box{
     border:1px solid #e0e0e0
}
.schedule-div .event-ul{
     height:26px;
     width:100%;
     margin:6px 0
}
.schedule-div .bask-sch-div .event-ul{
     background:url("../img/") no-repeat center
}
.schedule-div .bask-sch-div .event-ul li{
     width:152px
}
.schedule-div .event-ul li{
     float:left;
     width:52px;
     cursor:pointer;
     line-height:26px;
     text-align:center
}
.schedule-div .event-ul li:hover{
     color:#de1e30
}
.schedule-div .event-ul .active{
     color:#de1e30;
     font-weight:600
}
.schedule-div .content{
     border-top:1px solid #e0e0e0;
     width:310px;
     margin:0 auto;
     display:none
}
.schedule-div .content a{
     display:block;
     float:left;
     margin:8px;
     width:60px;
     height:60px
}
.schedule-div .content a img{
     display:block;
     width:30px;
     height:30px;
     margin:4px auto
}
.schedule-div .content a p{
     font-size:13px;
     text-align:center;
     line-height:14px
}
.lxfl-div{
     margin-bottom:20px;
     background:#fff;
     border-radius:4px
}
.lxfl-div .event-ul{
     display:flex;
     border:0;
     padding:0;
     margin:0;
     border-right:1px solid #e0e0e0
}
.lxfl-div .event-ul li{
     flex:1;
     box-sizing:border-box;
     border:1px solid #e0e0e0;
     border-bottom:1px solid #de1e30;
     font-size:14px;
     text-align:center;
     line-height:20px;
     height:60px;
     cursor:pointer
}
.lxfl-div .event-ul li:last-child{
     border-right:0
}
.lxfl-div .event-ul .active{
     border:1px solid #de1e30;
     border-bottom:1px solid #fff
}
.lxfl-div .event-ul img{
     display:block;
     width:30px;
     height:30px;
     margin:2px auto
}
.lxfl-div .box-cont{
     display:none;
     box-sizing:border-box;
     border:1px solid #de1e30;
     border-top:0;
     padding:10px 4px
}
.lxfl-div .box-cont-t{
     border:1px solid #e0e0e0
}
.lxfl-div .box-cont dl{
     margin-bottom:10px
}
.lxfl-div .box-cont dt{
     width:80px;
     font-weight:600;
     font-size:14px
}
.lxfl-div .box-cont dd{
     width:100%
}
.lxfl-div .box-cont dd a{
     display:inline-block;
     padding:0 10px;
     margin-bottom:6px;
     font-size:13px
}
.schedule-div .event-ul{
     border:0;
     padding:0
}
.red{
     color:#ff3f3f;
     font-weight:600
}
.head-nav li .worldcup-a{
     color:red
}
.worldcup-a img{
     position:absolute;
     right:-10px;
     width:22px;
     height:10px;
     top:10px
}
#full_screen_open{
     width:32px;
     height:32px;
     background:#fff;
     background-image:url("../img/");
     background-size:32px 32px;
     background-position-y:-4px;
     background-position-x:-2px;
     cursor:pointer;
     border:3px solid #fff;
     position:absolute;
     right:40px;
     top:-4px;
     z-index:4999
}
#full_screen_open:hover{
     background:#fff;
     background-image:url("../img/");
     background-size:32px 32px;
     background-position-y:-4px;
     background-position-x:-2px
}
.ggone{
     position:absolute;
     left:0;
     bottom:0;
}
.signal .ggone a{
     margin:0;
}
.gga{
     position:relative;
     display:block;
     margin:4px 0;
}
.gga img{
     display:block;
     width:100%;
     height:60px;
}
.gga i{
     position: absolute;
     top:0;
     right:0;
     background:rgba(0,0,0,0.8);
     color:#fff;
     font-size:12px;
     width:36px;
     height:20px;
     line-height:20px;
     text-align: center;
}
.cache-div p{
     text-align:center;
     margin:50px 0;
     color:#333 !important;
}
.cache-div{
     width:100%;
     height:100%;
     background:#fff;
     position:absolute;
     top:0;
     left:0;
     z-index:10;
}
.cache-div .close{
     cursor:pointer;
     color:#de1e30;
     margin-left:10px;
}
.cache-div img{
     margin:30px 250px;
}
.ellip {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
}
.tb_button {
     padding:1px;
     cursor:pointer;
     border-right: 1px solid #8b8b8b;
     border-left: 1px solid #FFF;
     border-bottom: 1px solid #fff;
}
.tb_button.hover {
     borer:2px outset #def;
     background-color: #f8f8f8 !important;
}
.ws_toolbar {
     z-index:100000
}
.ws_toolbar .ws_tb_btn {
     cursor:pointer;
     border:1px solid #555;
     padding:3px
}
.tb_highlight{
     background-color:yellow
}
.tb_hide {
     visibility:hidden
}
.ws_toolbar img {
     padding:2px;
     margin:0px
}