.chatroom{
	margin:0 12px 0 12px;
	background:#FAFAFA; 

}

.thumbnail{
   height:325px;
   color: #333333; 
   background:#fff; 
   overflow-y:auto;
   overflow-x:hidden;
   border-bottom:1px solid #f2f2f2;
   margin:0;
}

.chat_form {
	background: #fff;
	padding:10px;
}


.chat-tips {
	background: #FFF;
	border: 1px solid #e3e3e3;
	border-top-color: #fa0;
	position: absolute;
	z-index: 10;
	left: -1px;
	bottom: 38px;
	display: none
}


.chat_form .chat_form__pannel {
	position: relative;
	height: 32px;
	
}

.chat_form .chat_form__pannel .room-chat-tool {
	float: left;
	width: 26px;
	height: 24px;
	margin-right: 12px
}


.chat_form .emot-panel .emot-list {
	zoom: 1
}

.chat_form .emot-panel .emot-list:before,.chat_form .emot-panel .emot-list:after {
	display: table;
	content: ""
}

.chat_form .emot-panel .emot-list:after {
	clear: both
}

.chat_form .emot-panel .emot-list .emot-item {
	float: left;
	position: relative;
	margin: 0 -1px -1px 0;
	width: 32px;
	height: 32px;
	border: 1px solid #E8E8E8;
	text-align: center
}

.chat_form .emot-panel .emot-list .emot-item img {
	margin-top: 5px
}

.chat_form .emot-panel .emot-list .emot-item i {
	display: none;
	position: absolute;
	width: 28px;
	height: 28px;
	left: 2px;
	top: 2px;
	background: #0080ff;
	opacity: .3;
	filter: alpha(opacity=30)
}

.chat_form .emot-panel .emot-list .emot-item:hover i {
	display: block
}

.chat_form .chat-emot {
	display: none;
	position: absolute;
	bottom: 100%;
	right: 0;
	width: 331px;
	padding: 3px;
	border: 1px solid #C6C6C6;
	background: #fff
}

.chat_form .chat-emotLnk {
	display: none;
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 131px;
	overflow: hidden;
	border: 1px solid #C6C6C6
}

.chat_form .chat-emotLnk .emot-panel {
	margin: -1px 0 0 -1px;
	width: 133px
}

.chat_form .chatNotice {
	background-color: transparent;
	background-color: rgba(255,170,0,.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffaa00, endColorstr=#b2ffaa00);
	display: none;
	left: -1px;
	position: absolute;
	bottom: 100%;
	width: 100%;
	overflow: hidden;
	color: #fff;
	text-align: center;
	padding: 0 1px
}

.chat_form .chatNotice p {
	padding: .5em 2.5em .5em 1em
}

.chat_form .chatNotice .closeBtn {
	position: absolute;
	height: 18px;
	width: 18px;
	right: 6px;
	top: 50%;
	margin-top: -9px;
	font-size: 14px;
	color: #fff;
	line-height: 18px
}

.chat_form .chatNotice .closeBtn:hover {
	text-decoration: none;
	background: #FF8A00;
	color: #fff
}

.chat_form .host-pic {
	float: left;
	width: 36px;
	height: 39px;
	margin: 2px 0 0 7px;
	line-height: 42px;
	overflow: hidden;
	text-align: center;
	font-family: simsun;
	background-repeat: no-repeat;
}

.chat_form .host-pic:hover {
	text-decoration: none;
	background-repeat: no-repeat;
}

.chat_form .host-pic.host-pic-fans_no {
	background-repeat: no-repeat;
}

.chat_form .host-pic.host-pic-fans_no:hover {
	background-repeat: no-repeat;
}

.chat_form .host-pic.host-pic-fans {
	background-repeat: no-repeat;
}

.chat_form .host-pic.host-pic-fans:hover {
	background-repeat: no-repeat;
}

:root .chat_form .chatNotice {
	-webkit-filter: none \9;
	filter: none \9
}

.chat_form .chat_form__chat {
	height: 48px;
	border-radius: 3px;
	border: 1px solid #e6e6e6
}

.chat_form .msg-input-num {
	position: absolute;
	bottom: 9px;
	right: 0;
	font-size: 12px;
	color: #949ca1
}

.chat_form .msg-input-num.input-overflow {
	color: #fd533d!important
}

.chat_form .emot-panel {
	background: #fff
}


.chat_form .chat_form__pannel .room-chat-tool-smile {
	background-position: -149px -65px
}

.chat_form .chat_form__pannel .room-chat-tool-smile:hover {
	background-position: -149px -92px
}

.chat_form .chat_form__pannel .room-chat-tool-font {
	background-position: -149px -119px
}

.chat_form .chat_form__pannel .room-chat-tool-font:hover {
	background-position: -149px -146px
}

.chat_form .chat_form__pannel .room-chat-tool-color {
	background-position: -149px -173px
}




.chat_input {
	height: 100%;
	position: relative;
	zoom: 1;
	/* margin-left: 50px */
}

.chat_input .input-emot {
	position: absolute;
	left: 5px;
	top: 10px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.chat_input .input-emot:hover {
	background-repeat: no-repeat;
}

.chat_input .msg-input textarea {
	overflow: auto;
	outline: 0;
	resize: none;
	width: 206px;
	height: 44px;
	padding: 4px 5px 0 4px;
	line-height: 16px;
	border: 0;
	border-left: 1px solid #e4e4e4;
	font-size: 12px;
	background: #fff
}

.chat_input .msg-input textarea:focus {
	outline: 0
}

.chat_input .btn-sendMsg {
	position: absolute;
	top: -1px;
	right: 0;
	color: #fff;
	font-size: 14px;
	font-family: "Microsoft YaHei";
	cursor: default;
	background: #ff8a00;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.chat_input .btn-sendMsg.enable {
	cursor: pointer;
	background-color: #ff8a00;
	color: #fff;
	border-color: #ff8a00
}

.chat_input .btn-sendMsg.enable:hover {
	background-color: #ff630e;
	border-color: #ff630e
}


.chat_form .no-login-tip {
	position: absolute;
	left: 15px;
	top: 14px;
	white-space: nowrap;
	font-family: "Microsoft YaHei";
	color: #909090
}

.chat_form .no-login-tip span {
	color: #ff8a00
}



/* chat*/

.speech_item{ width:auto;}
.user_logo {display: inline;float: left;}
.user_logo img {overflow: hidden;padding:5px; width:30px; height:30px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.user_name{display: inline;float: left; padding-left:2px;font-size:12px;margin-top:5px;color:#6B8FA2}
.say_button{ width:248px; display: inline; }
.say-btn { background: none repeat scroll 0 0 #ffae00;float: right; border: 0 none;color: #FFFFFF;cursor: pointer;display: inline;height: 19px;width: 49px;line-height: 15px;}
.say_act{width:100%; height:30px; margin-top: 3px;}
.say_emot{display:inline; float:left; width:50px; height:20px; cursor:pointer; background:url(../images/emot.gif) no-repeat;}
.textarea{width:100%;color: #444444;font-size: 10px;height: 77px;line-height: 13px;overflow-x: hidden;overflow-y: auto; outline: none;cursor: text;table-layout:fixed; word-break: break-all;border: 1px solid #FFAE00;}
.user-content{ width:100%; margin-left:40px;}

.triangle-isosceles {
	word-break:break-all;  /* 换行  */
	width:auto;
	height:auto;
	font-size:12px;
	line-height:14px;
    padding:5px;
    color:#000;
	margin-left:5px;
	display: inline-block;
	position: relative;
	background:#F8F6F4;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
.skin {
	z-index : 2;
	width : 40px;
	border : 1px solid #DEDEDE;
	padding : 2px 10px;
	visibility : hidden;
	position : absolute;
	background-color : #ffffff;
    }
.skin:hover {background-color : #F8F6F4;}

.triangle-isosceles:after {
    content:"";
    position:absolute;
    bottom:-9px;
    left:15px;
    border-width:9px 21px 0; 
    border-style:solid;
    border-color:#F8F6F4 transparent;
    display:block; 
    width:0;
}
.triangle-isosceles.top:after {
    left:-9px;
    top:8px;
    bottom:15px;
    border-width:9px 9px 0;
    border-color:#F8F6F4 transparent;
}

.rin {float:left; position:relative;}
.rin_img { margin:0px 3px; cursor:pointer;}
.rin_form {position:absolute; width:25px; height:25px; overflow:hidden; right:5px;}
.rin_input {width:25px; height:25px; margin-left:-30px; cursor:pointer; opacity:0;}
.screenshots {float:left;position:relative;}
.shots_img {width:25px; height:20px;}