.chat{
                
                position: fixed;
                bottom:0;
                right:20px;
                
                
            }
            
            .chat.open{
                width: 300px;
                box-shadow: 0 0 10px #aaa;
            }
            
            .chat .title{
                display: none;
            }
            
            .chat .image{
                background: url(chat_open.png) no-repeat center;
                background-size: 15px;
                float:right;
                width: 15px;
                height: 15px;
            }
            
            .chat.open .image{
                background: url(chat_close.png) no-repeat center;
            }
            
            .chat.open .image{
                /*display: none;*/
            }
            
            .chat .trigger:hover .title,
            .chat.open .title{
                display: inline;
                padding-right: 20px;
            }
            
            .chat .trigger{
                background: #9A89AE;
                color:#fff;
                display: block;
                text-decoration: none;
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
                padding: 10px 10px;
                height: 12px;
            }
            
            .chat textarea{
                border:none;
                border-top:1px solid #000;
                box-sizing: border-box;
                width: 100%;
                padding: 10px;
                font-family: sans-serif;
            }
            
            .chat ul{
                background: #FFFFFF;
                list-style: none;
                margin: 0;
                padding: 0;
                overflow: auto;
                min-height: 300px;
                max-height: 350px;
            }
            
            .chat li{
                list-style: none;
                padding: 5px;
                border-bottom:1px solid #aaa;
            }
            
            .chat .clear{
                clear:both;
            }
            
            .chat .thumb{
                float:left;
                margin-right: 5px;
                width: 60px;
            } 
            
            .chat .user-o .thumb{
                float: right;
                margin-left: 5px;
                margin-right: 0;
            }
            
            .chat .user-o .text{
                margin-left: 0;
                margin-right: 65px;
            }
            
            .chat .name{
                color: #696969;
                font-size: 11px;
                font-weight: 300;
                display: block;
                margin-bottom: 10px;
                padding-top: 5px;
            }
            
            .chat .text{
                color:#333;
                margin-left: 65px;
            }
            
            .chat .tool{
                display: none;
            }
            
            .chat.open .trigger{
             
            }
            
            .chat.open .tool{
                display:block;
                background: none repeat scroll 0 0 #fff;
            }