@charset "utf-8";
#online{width:90px; background:#fff; border:1px solid #ccc; cursor:pointer; filter:alpha(opacity=95);-moz-opacity:.95;opacity:0.95;
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#online h1{font-size:12px; font-weight:bold; padding:5px 10px; text-align:center; margin:0; border-bottom:1px solid #ccc;}
#online dl{padding:5px 0; overflow:hidden;}
#online dd{padding:0;}
#online dd a{display:block; _height:1%; text-align:center;}
#online dd a span{display:block; padding:2px 0;}
#online dt{font-size:0; height:0px; line-height:0; border-top:1px solid #ccc; margin:5px 0;}
/*隐藏式
#online{width:100px;}
#online h1{font-size:12px; font-weight:bold; padding:5px 10px; margin:0; border-bottom:1px solid #ddd;}
#online dl{padding:10px 0; overflow:hidden;}
#online dd{padding:0;}
#online dd a{display:block; _height:1%; text-align:center;}
#online dd a span{display:block; padding:3px 0;}
#online dt{font-size:0; height:0px; line-height:0; border-top:1px solid #ddd; margin:10px 0;}
*/
#online dd a.outLine img{
	-webkit-filter:grayscale(100%); /*Chrome 19+ , Safari 6+ , Opera */
	-moz-filter:grayscale(100%); /**/
	-ms-filter:grayscale(100%); /**/
	-o-filter: grayscale(100%); /**/
	filter:grayscale(100%); /*css3*/
	filter:url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale'); /*Firefox 3.5+*/
	filter:gray; /*IE6-9*/
}

#floatDiv{position:fixed; z-index:10; bottom:1px; right:0;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-100));_right:0}
#floatDiv .floatIco{display:block; width:90px; height:20px; background:#333; border:1px solid #333; color:#999; margin:1px auto; overflow:hidden;
filter:alpha(opacity=90);-moz-opacity:.90;opacity:0.90; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#floatDiv .floatIco b{display:block; font-weight:normal; font-size:12px; line-height:1; padding:13px 0; text-align:center;}
#floatDiv .floatIco i{display:block; font-style:normal; width:100%; height:20px; background:url(../images/float_icos.png) no-repeat;}
#floatDiv #onlineIco i{background-position:13px 13px;}
#floatDiv #mobile i{background-position:18px -37px;}
#floatDiv #weixin i{background-position:17px -84px;}
#floatDiv #Top i{background:url(../images/top.png) no-repeat 25px -10px; _background-repeat:repeat-x;}
#floatDiv #Top b{background:url(../images/top.png) no-repeat 25px -60px; _background-repeat:repeat-x; height:20px; padding:0;}
#floatDiv #caseLists i{background-position:15px -182px;}
#floatDiv #caseNext i{background-position:20px -233px;}
#floatDiv #casePrev i{background-position:20px -283px;}
#floatDiv .floatIco:hover, #floatDiv .floatIco.over{color:#ac0; background:#333; border-color:#333;}
#floatDiv .floatBox{position:absolute; border:1px solid #ddd; background:#fff; z-index:1; display:none;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#floatDiv #floatWeixin{*+width:120px;/*ie6,7*/}
/*隐藏式
#floatDiv{position:fixed; z-index:10; bottom:1px; right:1px;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-100));}
#floatDiv .floatIco{display:block; width:50px; height:50px; background:#333; color:#fff; margin:1px; overflow:hidden;
filter:alpha(opacity=90);-moz-opacity:.90;opacity:0.90; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#floatDiv .floatIco b{display:block; font-weight:normal; font-size:12px; line-height:1; padding:13px 0; text-align:center;}
#floatDiv .floatIco i{display:block; font-style:normal; width:100%; height:50px; background:url(../images/float_icos.png) no-repeat;}
#floatDiv #onlineIco i{background-position:13px 13px;}
#floatDiv #mobile i{background-position:18px -37px;}
#floatDiv #weixin i{background-position:17px -84px;}
#floatDiv #Top i{background:url(../images/top.png) no-repeat 5px 5px; _background-repeat:repeat-x;}
#floatDiv #Top b{background:url(../images/top.png) no-repeat 5px -45px; _background-repeat:repeat-x; height:50px; padding:0;}
#floatDiv #caseLists i{background-position:15px -182px;}
#floatDiv #caseNext i{background-position:20px -233px;}
#floatDiv #casePrev i{background-position:20px -283px;}
#floatDiv .floatIco:hover, #floatDiv .floatIco.over{color:#ac0; background:#000;}
#floatDiv .floatBox{position:absolute; border:1px solid #ddd; background:#fff; z-index:1; display:none;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#floatDiv #floatWeixin{*+width:120px;/*ie6,7*/}
*/