.right{float: right;}
.anim{-moz-transition:all .3s ease; -webkit-transition:all .3 ease; -o-transition:all .3s ease; transition:all .3s ease;}.hover{cursor: pointer;}
.panel{width: 250px; border-radius: 2px; padding: 5px; padding-right: 0; background: rgba(255,255,255,.9); box-shadow: 0 0 3px rgba(0,0,0,.25); position: fixed; left: 7px;}
.panel .icon{border-radius: 2px; width: 45px; height: 45px; display: inline-block; opacity: .8; margin-right: 5px; background-repeat: no-repeat !important; background-position: center !important;}
.panel .icon:hover, .panel .ava{background-color: rgba(0,0,0,.15); box-shadow: inset 0 0 5px rgba(0,0,0,.3);}
.panel .ava{background: url('img/ava.png'); background-size: 100% !important;}
.panel .logout{background: url('img/logout.png');}
.panel .pm{background: url('img/pm.png');}
.panel .hide{background: url('img/hide.png');}
.panel .show{background: url('img/show.png');}
.panel .setting{background: url('img/setting.png');}

.panel .ava:hover, .panel .logout:hover, .panel .pm:hover, .panel .hide:hover, .panel .show:hover{opacity: 1;}

.panel .info{width: 239px; color: rgba(0,0,0,.85); padding: 4px 8px; background: rgba(255,255,255,.75); border-radius: 2px;  box-shadow: 0 0 3px rgba(0,0,0,.25); position: fixed; font-family: Arial; font-size: 15px; left: 7px;}
.panel .info_top{top: 69px;}
.panel .info_bottom{bottom: 69px;}