﻿/* 酷站代码整理 http://www.5icool.org */

#chat_f1, #chat_f2 {font-size:12px}
#chat_f1 {position:fixed;right:1px;top:127px;width:64px; background-color:#e5e3e6;
_position:absolute;_top:expression(eval(document.documentElement.scrollTop+127))}
#chat_f1_main {height:50px;background:url(c2.png) no-repeat 0 0;}
#close {display:block;width:64px;height:50px;cursor:pointer;}
.list {width:56px;height:56px; margin:2px 4px 0 4px;overflow:hidden;color:#787878;background:#fff}
.name {line-height:25px; text-align:center;}
.current {border-left-color:#fff}
.arrow {color:#fff}
.detail {position:absolute;left:-218px;display:none;border:1px solid #e5e3e6;background:#fff;line-height:18px}
.chat_f1_expr .list .detail .border {position:absolute;width:1px;height:25px;margin-left:210px;background:#fff;margin-top:-10px}
#chat_f2 {display:none;position:fixed;right:1px;top:480px; width:50px;background:#e5e3e6;
_position:absolute;_top:expression(eval(document.documentElement.scrollTop+480));
color:#F60;cursor:pointer;}
#open{ width:50px; height:31px;background:url(c1.png) no-repeat 0 0;}
#gotop a{ display:block; width:42px; height:34px; margin:4px; background:url(c1.png) no-repeat -4px -33px; background-color:#FFF;}
#gotop a:hover{ width:42px; height:34px; margin:4px; background:url(c1.png) no-repeat -4px -62px; background-color:#f3274f;}

#a1 a{ display:block; width:56px; height:56px; background:url(c2.png) no-repeat -95px -174px ; padding-top:36px;}
#a1 a:hover{ width:56px; height:56px; background:url(c2.png) no-repeat -5px -174px ; padding-top:36px; background-color:#f3274f; color:#FFF;}
.b1 li{ float:left; margin-top:10px;}
#d1{ width:200px; margin-top:-92px; padding:10px;}

#a2 a{ display:block; width:56px; height:56px; background:url(c2.png) no-repeat -95px -109px ; padding-top:36px;}
#a2 a:hover{ width:56px; height:56px; background:url(c2.png) no-repeat -5px -109px ; padding-top:36px; background-color:#f3274f; color:#FFF;}
#d2{ margin-top:-203px; margin-left:-30px;}

#a3 a{ display:block; width:56px; height:56px; background:url(c2.png) no-repeat -95px -250px ; padding-top:36px;}
#a3 a:hover{ width:56px; height:56px; background:url(c2.png) no-repeat -5px -250px ; padding-top:36px; background-color:#f3274f; color:#FFF;}

#a4 a{ display:block; width:56px; height:56px; background:url(c2.png) no-repeat -95px -410px ; padding-top:36px;}
#a4 a:hover{ width:56px; height:56px; background:url(c2.png) no-repeat -5px -410px ; padding-top:36px; background-color:#f3274f; color:#FFF;}
#d4{ margin-top:-256px; }

#a5 a{ display:block; width:56px; height:56px; background:url(c2.png) no-repeat -95px -329px ; padding-top:36px; cursor: pointer;}
#a5 a:hover{ width:56px; height:56px; background:url(c2.png) no-repeat -5px -329px ; padding-top:36px; background-color:#f3274f; color:#FFF;}