/*Web WeChat */
html, body {
	word-break: normal;
	word-wrap: break-word;
}
/* for single line hack */
.chatListColumn .nickName, .chatListColumn .desc {
	text-overflow: ellipsis;
	word-wrap: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Elements */
	
html, body {
	height: 100%;
	background: #4E5359 url(../images/bg_universal17ced3.png) repeat 0 0;
	color: #666;
	font: 14px/1.5 Helvetica, "微软雅黑", "黑体", Arial, Tahoma;
	text-align: center;
	overflow-y: hidden;
}
a, input {
	outline: none;
}
a:link, a:visited {
	color: #55a;
	text-decoration: none;
}
a:hover, a:active {
	color: #55a;
	text-decoration: underline;
}
.pointer {
	cursor: hand\9;
	cursor: pointer;
}
.lightBorder {
	border-color: #ddd;
}
.lightText {
	color: #ccc;
}
	::-webkit-scrollbar {
width:8px;
height:12px;
-webkit-border-radius:12px;
}
	::-webkit-scrollbar-thumb {
background:#6B747A;
-webkit-border-radius:12px;
}
	::-webkit-scrollbar-track {
background: #F5F5F5;
}
	/*自定义滚动条*/
	.chatPanel .chatScorll::-webkit-scrollbar {
width:8px;
height:12px;
-webkit-border-radius:12px;
}
 .chatPanel .chatScorll::-webkit-scrollbar-thumb {
background:#6B747A;
-webkit-border-radius:12px;
}
 .chatPanel .chatScorll::-webkit-scrollbar-track {
background: #fff;
}
	/* .chatPanel .chatScorll:-webkit-scrollbar-button:single-button {
		display:block; height:10px;}
		 */
	/* 
	.chatPanel .chatInput:-webkit-scrollbar-button:single-button {
		display:block;
		height:10px;
	} */
	.chatPanel .listContentWrap::-webkit-scrollbar {
 width:8px;
 height:12px;
 -webkit-border-radius:12px;
}
 .chatPanel .listContentWrap::-webkit-scrollbar-thumb {
 background:#6B747A;
 -webkit-border-radius:12px;
}
 chatPanel .listContentWrap:-webkit-scrollbar-button:single-button {
 display:block;
 height:10px;
}
/*media mesg*/
.chatPanel .media a {
	display: block;
}
.chatPanel .media {
	border: 1px solid #AEB4B9;
	box-shadow: 0px 1px 1px #D7D7D7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 365px;
	background-color: #FAFAFA;
	background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#FAFAFA));
	background-image: -moz-linear-gradient(top, #FEFEFE 0%, #FAFAFA 100%);
	margin: 0px auto;
}
.chatPanel .media .mediaPanel {
	padding: 0px;
	margin: 0px;
}
.chatPanel .media .mediaImg {
	margin: 16px 0px -10px;
}
.chatPanel .media .mediaImg .mediaImgPanel {
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 164px;
	width: 100%;
	overflow: hidden;
}
.chatPanel .media .mediaImg img {
	/* width:100%;
		height:164px;*/
	position: absolute;
	left: 0px;
}
.chatPanel .media .mediaImg .mediaImgFooter {
	position: relative;
	top: -29px;
	height: 29px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.4);
	text-shadow: none;
	color: #FFF;
	text-align: left;
	padding: 0px 11px;
	line-height: 29px;
}
.chatPanel .media .mediaImg .mediaImgFooter a:hover p {
	color: #B8B3B3;
}
.chatPanel .media .mediaImg .mediaImgFooter .mesgTitleTitle {
	line-height: 28px;
	color: #FFF;
	max-width: 318px;
	height: 26px;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
.chatPanel .media .mesgIcon {
	display: inline-block;
	height: 13px;
	width: 13px;
	margin: 8px 0px -2px 4px;
	background: url("../images/preview/button_chat1832d7.png") no-repeat -174px -987px;
}
.chatPanel .media .mediaContent {
	margin: 0px;
	padding: 0px;
}
.chatPanel .media .mediaContent .mediaMesg {
	border-top: 1px solid #D7D7D7;
	padding: 0px 10px;
}
.chatPanel .media .mediaContent .mediaMesg .mediaMesgDot {
	display: block;
	position: relative;
	top: -3px;
	left: 20px;
	height: 6px;
	width: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.chatPanel .media .mediaContent .mediaMesg .mediaMesgTitle:hover p {
	color: #1A1717;
}
.chatPanel .media .mediaContent .mediaMesg .mediaMesgTitle a {
	color: #707577;
}
.chatPanel .media .mediaContent .mediaMesg .mediaMesgTitle a:hover p {
	color: #444440;
}
.chatPanel .media .mediaContent .mediaMesg .mediaMesgIcon {
}
.chatPanel .media .mediaContent .mediaMesg .mediaMesgTitle p {
	line-height: 1.5em;
	max-height: 45px;
	max-width: 286px;
	min-width: 176px;
	margin-top: 2px;
	color: #5D6265;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
}
.chatPanel .media .mediaContent .mediaMesg .mediaMesgIcon img {
	height: 45px;
	width: 45px;
}
/*media mesg detail*/
.chatPanel .media .mediaHead {
	/*height:48px;*/
	padding: 0px 8px 4px;
	border-bottom: 1px solid #D3D8DC;
	color: #A51000;
	font-size: 16px;
}
.left {
	float: left
}
.right {
	float: right
}
.clear {
	clear: both
}
.hide {
	display: none;
}
.trans {
	opacity: 0;
}
a.btnSecondary {
	background: #e9e9e9;
	color: #666;
	background: -moz-linear-gradient(top, #f9f9f9, #e9e9e9);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e9e9e9));
	border: 1px solid #999;
	text-shadow: 0 1px 0px #fff;
	font-size: 16px;
	line-height: 30px;
}
a.btnSecondary:hover {
	background: #f0f0f0;
	color: #666;
	background: -moz-linear-gradient(top, #fff, #f0f0f0);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f0f0f0));
	border: 1px solid #999;
	text-shadow: 0 1px 0px #fff;
}
a.btnSecondary:active {
	background: #e9e9e9;
	color: #666;
	background: -moz-linear-gradient(top, #f9f9f9, #e9e9e9);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#e9e9e9));
	border: 1px solid #999;
	text-shadow: 0 1px 0px #fff;
}
/* Layout */
	
.container {
}
.clr {
	clear: both;
	height: 1px;
	overflow: hidden;
	display: block;
}
.clrLeft {
	clear: left;
	height: 1px;
	overflow: hidden;
}
.clrRight {
	clear: right;
	height: 1px;
	overflow: hidden;
}
/*登录页*/
.loginPanel {
	position: absolute;
	left: 400px;
	width: 500px;
	height: 380px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-align: center;
}
.loginPanel .title {
	border-radius: 4px 4px 0 0;
	height: 50px;
	text-shadow: 0 1px 0 #fff;
	font-size: 22px;
	line-height: 50px;
}
.loginPanel .panelContent {
	padding: 20px;
}
.loginPanel .qrcode {
	width: 200px;
	border-width: 1px;
	border-style: solid;
}
.loginPanel .info {
	margin: 10px 0 0;
}
.chatPanel .triangle {
	height: 16px;
	width: 16px; /*margin:16px 0px 0px -77px;*/
	margin: 3px 0px 0px 5px; /*border-width:5px; border-style:solid; border-color:#AAB0B5 transparent transparent;*/
	background: url("../images/preview/button_chat1832d7.png") no-repeat -88px -977px;
}
.loginPanel .normlDesc {
}
.loginPanel .errorMsg {
	display: none;
}
.loginPanel a.operatorBtn {
	margin-top: 10px;
}
/*总面板*/
.chatPanel {
	position: relative;
	margin: 0 auto;
	padding: 5px 5px 5px 5px;
	border-radius: 4px;
	text-align: center;
}
/*.chatPanel .title { position:absolute; right:0; }？？？*/
	
.chatPanel .content {
	position: relative;
	z-index: 2;
}
.chatPanel .panelBackground {
	position: absolute;
	top: 180px;
	right: 253px;
	color: #35393C;
	font-size: 24px;
	text-shadow: 0 1px 1px #535353;
	z-index: 1;
}
.chatPanel .panelBackground img {
	background: url(../images/illustration_chat17ced3.png) no-repeat -360px -165px;
	width: 65px;
	height: 65px;
}
/*左面板-人物*/
	/* height:654px; */
.chatPanel .list {
	position: relative;
	float: left;
	width: 276px;
	border-radius: 6px;
	z-index: 99;
	border: 1px solid #424448;
	box-shadow: 0 2px 6px #313131;
}
.chatPanel .list .top {/*background: url("../images/bg_top17ced3.png") repeat-x scroll 0 0 transparent;*/
	border-top: 1px solid #9BA3AE;
	border-bottom: 1px solid #333;
	background-color: #5B6774;
	background: -webkit-gradient(linear, left top, left bottom, from(#6B7888), to(#545E6A), color-stop(0.1, #6A7786), color-stop(0.5, #5E6977), color-stop(0.9, #56616D), color-stop(1.0, #545E6A));
	background-image: -moz-linear-gradient(top, #6A7786 10%, #5E6977 50%, #56616D 90%, #545E6A 100%);
	border-radius: 3px 3px 0 0;
}
.chatPanel .list .top .title {
	height: 39px;
	border-radius: 5px 5px 0 0;
}
/*搜索栏*/
.chatPanel .search {
	background-color: #f0f0f0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
}
.chatPanel .searchText {
	border: 1px solid #f0f0f0;
}
/*个人头像资料*/
.chatPanel .myProfile { /*float:right; z-index:99;*/
	width: 100%;
	display: block;
}
.chatPanel .myProfile .avatar {
	position: absolute;
	top: -26px;
	left: 5px;
	width: 68px;
	height: 68px;
	background: url(../images/border_myprofile_avatar17ced3.png) no-repeat;
	z-index: 101;
	background: url(../images/border_myprofile_avatar.ie17ced3.png) no-repeat\9;
	background: url(../images/border_myprofile_avatar.ie17ced3.png) no-repeat\0;
}
/*头像图片，缺class*/
.chatPanel .myProfile img {
	position: absolute;
	top: -22px;
	left: 9px;
	z-index: 100;
	width: 60px;
	height: 60px;
	background: url("../images/avatar_default17ced3.png") no-repeat center;
}
.chatPanel .myProfile a {
	text-decoration: none;
}
.chatPanel .myProfile .nickName {
	margin-top: 0px;
	display: block;
	color: #fff;
	text-shadow: none;
	font-size: 14px;
	max-width: 113px;
	overflow: hidden;
	word-wrap : normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: '微软雅黑', Helvetica, Arial, sans-serif;
	text-align: left;
	float: left;
}
.chatPanel .myProfile .info {
	float: left;
	margin: 0px;
	margin-left: 74px;
	margin-top: 10px;
	width: 150px;
}
.chatPanel .info a {
	float: left;
}
/*头像下的未读总数*/
.myProfile .unreadTotalCount {
	position: absolute;
	width: 25px;
	height: 25px;
	left: 47px;
	top: 21px;
	background: url(../images/preview/button_chat1832d7.png) no-repeat -5px -670px;
	z-index: 110;
	color: #5D4914;
	text-shadow: 0 1px 0 #20252B;
	line-height: 27px;
	font-size: 12px;
}
.myProfile .unreadTotalCount:hover {
	background-position: -39px -670px;
	text-decoration: none;
}
.myProfile .unreadTotalCount:active {
	background-position: -72px -670px;
	text-decoration: none;
}
.scrollbarBox {
	width: 9px;
}
.scrollbarBox .scrollbar {
	width: 100%;
	background-color: #6B747A;
	opacity: 0.6;
	border-radius: 10px;
}
.chatPanel .listContent .viewport {
	height: 498px;
	width: 320px;
	overflow: hidden;
	position: relative;
}
.chatPanel .listContent .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
}
.chatPanel .listContent .thumb .end, .chatPanel .listContent .thumb {
	background-color: #003D5D;
}
.chatPanel .listContent .scrollbar {
	position: relative;
	float: right;
	width: 15px;
}
.chatPanel .listContent .track {
	background-color: #D8EEFD;
	height: 100%;
	width: 13px;
	position: relative;
	padding: 0 1px;
}
.chatPanel .listContent .thumb {
	height: 20px;
	width: 13px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
}
.chatPanel .listContent .thumb .end {
	overflow: hidden;
	height: 5px;
	width: 13px;
}
.chatPanel .listContent .listDesc {
	padding: 20px 0;
	text-align: center;
	font-size: 12px;/*margin-top:-30px;*/
	border-top: 1px solid #fff;
}
/*单个人物条*/
.chatPanel .chatListColumn {
	position: relative;
	padding: 7px 10px; /*border-bottom-width:1px; border-bottom-style:solid;*/
	text-align: left;
	_padding-right: 10px; /*ie6*/
}
.chatPanel .chatListColumn .avatar_wrap {
	line-height: 0;
	float: left;
	margin-right: 10px;/*box-shadow: 0px 1px 2px gray;*/
}
.chatPanel .chatListColumn .avatar {
	width: 42px;
	height: 42px;
	border-radius: 0; /*box-shadow:0px 1px 2px #919191;*/
	background: #a4a7b8;/*border-top:1px solid #aaa;*/
	border: 1px solid #fff;
}
.chatPanel .chatListColumn .extend {
	float: right;
}
/*.chatPanel .chatListColumn .nickName,*/
.chatPanel .chatListColumn .nickName .name {
	white-space: nowrap;
	max-width: 121px;
	padding: 2px 0px 0px;
	overflow: hidden;
	margin-top: 2px;
	word-wrap : normal;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	font-size: 13px;
}
.chatPanel .chatListColumn .nickName .name .emoji {
	margin-top: -3px;
	margin-top: 0px\9;
}
.chatPanel .chatListColumn .nickName .personNum {
	margin-top: 4px;
	color: #A3A3A2;
	font-size: 12px;
	margin-left: 5px;
}
/*add warn icon by xushengni*/
.descWrapper {
	overflow: hidden;
*zoom:1;
}
.descWrapper .tipIcon {
	float: left;
	width: 20px;
	height: 20px;
	background: transparent url(../images/icon_chat17ced3.png) no-repeat;
}
.descWrapper .iconSendFailed {
	background-position: 50% -220px;
	margin-left: -6px;
}
.descWrapper .iconSending {
	background-position: 50% -200px;
	margin-left: -2px;
}
.chatPanel .chatListColumn .desc {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	margin: 0px;
	overflow: hidden;
	color: #77797A;
	font-size: 12px;
	white-space: nowrap;
	width: 150px;
}
.hasSysScroll.chatPanel .chatListColumn .desc {
	width: 135px;
}
.chatPanel .chatListColumn .time {
	font-size: 12px;
	color: #47778D;
	margin-top: 3px;
	text-shadow: none;
}
.chatPanel .chatListColumn .mute {
	height: 19px;
	width: 17px;
	margin-right: -28px;
	float: right;
	margin-right: 0px;
	background: url("../images/button0217ced3.png") no-repeat -76px -36px;
}
.chatPanel .chatListColumn .info {
	overflow: hidden;
	text-shadow: none;
}
.chatPanel .chatListColumn {
	border-top: 1px solid #F7F7F7;
	border-bottom: 1px solid #D5D6D7;
	text-shadow: 0 1px 0 white;
	cursor: pointer;
	height: 45px;/*当出现表情的时候，会被撑高1px，加个height以限高*/
	overflow: hidden;
}
.chatPanel .chatListColumn .nickName {
	color: #343434;
	font-size: 15px;
	width: 150px;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
.chatPanel .chatListColumn .desc {
	color: #B6B6B6;
}
/*下拉加载更多*/
.chatPanel a.loadMoreConv {
	display: block;
	text-align: center;
	font-size: 12px;
	height: auto;
}
.chatPanel a.loadMoreConv .desc {
	font-size: 12px;
	color: #BEBEBE;
}
.chatPanel a.loadMoreConv, .chatPanel a.loadMoreConv:hover, .chatPanel a.loadMoreConv:active {
	color: #bfc3c6;
	text-shadow: 0 1px 0 #fff;
	text-decoration: none;
	border-bottom: none;
}
.chatPanel a.loadMoreConv:active span.desc {
	color: #9E9E9E;
	text-shadow: 0 1px 0 #fff;
}
.chatPanel a.loadMoreConv .tipPic {
	display: block;
	height: 25px;
	width: 25px;
	margin: 8px auto 3px;
	background: url(../images/preview/button_chat1832d7.png) no-repeat -2px -914px transparent;
}
.chatPanel a.loadMoreConv:hover .tipPic {
	background-position: -32px -914px;
}
.chatPanel a.loadMoreConv:active .tipPic {
	background-position: -62px -914px;
}
/*conmunication and chat*/
.chatPanel .list .listOperator {
	position: absolute;
	left: 0;
	width: 276px;
	font-size: 12px;
	background-color: #EAECEE;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F9FA), to(#DADDDF));
	background: -moz-linear-gradient(top, #F8F9FA, #DADDDF);
	border-radius: 0 0 5px 5px;
	border-top: 1px solid #EEEFF0;
}
.chatPanel .list .listOperatorContent {
	height: 27px;
	border-radius: 0 0 5px 5px;
	margin-top: 2px;
	margin-bottom: 4px;
}
.chatPanel .list .listBarContent {
	height: 5px;
	border-radius: 0 0 5px 5px;
}
.list .chatLeftPanelShadow {
	width: 276px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	height: 46px;
	position: absolute;
	left: 50%;
	bottom: -51px;
	margin-left: -138px;
}
/*被选中人物条*/
.chatPanel .listContent div.activeColumn {
	border-top: 1px solid #8598AC;
	border-bottom: 1px solid #C9CED3;
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
	padding: 7px 10px;
	background-color: #7A869C;
	background: -webkit-gradient(linear, left top, left bottom, from(#8794A7), to(#717D93), color-stop(0.1, #8592A5), color-stop(0.5, #7A869C), color-stop(0.9, #737F95), color-stop(1.0, #717D93));
	background-image: -moz-linear-gradient(top, #8592A5 10%, #7A869C 50%, #737F95 90%, #717D93 100%);
}
.chatPanel .listContent .activeColumn a.friendDetail {
	background: none;
}
.chatPanel .listContent .activeColumn a.friendDetail {
	background: none;
}
.chatPanel .listContent div.activeColumn .nickName, .chatPanel .listContent div.activeColumn .personNum {
	color: #FFF;
}
.chatPanel .listContent div.activeColumn .desc {
	color: #FFF;
}
.chatPanel .listContent div.activeColumn .time {
	color: #FFF;
}
.chatPanel .listContent .desc img {
	margin-bottom: -7px;
	margin-top: -2px;
}
.chatPanel .activeColumn .clicked {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 73px;
	background: url(../images/bg_chat_listclick_blue17ced3.png) 0px 0px;
}
.chatPanel .activeColumn .nickName, .chatPanel .activeColumn .desc, .chatPanel .activeColumn .time, .chatPanel .activeColumn .lightText { /*color:#fff; text-shadow:0 -1px 0 #3e627e; */
}
.chatPanel .activeColumn .edited {
	display: none;
}
/*会话窗体*/
.chatPanel .chat {
	border-radius: 6px;
	box-shadow: 0 2px 6px #313131;
	z-index: 20;/*ie hack*/
	_height: 400px;
}
.chatPanel .chatContainer { /*background:#fff;*/
	position: relative;
	border-radius: 2px 2px 6px 6px;
	-webkit-border-radius: 2px 2px 6px 6px;
	-moz-border-radius: 2px 2px 6px 6px;
	border: 1px solid #424448;/*border:1px solid #E2E2E2;*//*ie hack*/
	_height: 400px;
	overflow: hidden;
}
/*窗体头部标题*/
.chatPanel .chatTitle {
	height: 40px;
	border-top: 1px solid #9BA3AE;
	border-bottom: 1px solid #333;
	/*background:url(../images/bg_top17ced3.png) 0px 0px repeat-x transparent;*/
	background-color: #6B7888;
	background: -webkit-gradient(linear, left top, left bottom, from(#6B7888), to(#545E6A), color-stop(0.1, #6A7786), color-stop(0.5, #5E6977), color-stop(0.9, #56616D), color-stop(1.0, #545E6A));
	background-image: -moz-linear-gradient(top, #6A7786 10%, #5E6977 50%, #56616D 90%, #545E6A 100%);
	position: relative;
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
}
/*single and group chat*/

.chatPanel .chatNameWrap {
	border-radius: 6px 6px 0 0;
	text-align: center;
	font-size: 16px;
}
.chatPanel .chatNameWrap .chatName {
	margin: 0 auto;
	width: 400px;
	white-space: nowrap;
	word-wrap : normal;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	padding-top: 10px;
	font-size: 14px;
	font-family: '微软雅黑';
	/*color: #383E45;*/
	color: #fff;
	text-shadow: none;
}
/*会话内容窗体*/
.chatPanel .chatScorll {
	height: 390px;
	width: 100%;
	min-height: 200px;
	overflow: hidden;
	overflow-y: auto;
	/*border-bottom:1px solid #bebebe;*/ background-color: #EFF3F7;
}
.chatPanel .chatContent {
	padding: 10px;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.you {
	float: left;
	width: 100%; /*ie6 hack*/
	_background: none;
	_border: none;
}
.me {
	float: right;
	width: 100%;
}
.chatItem {
	padding: 4px 0px 10px 0px;
	_background: none;
	_border: none;
}
.chatItemContent {
	cursor: pointer;
}
.cloudPannel {
	position: relative;
	_position: static;
}
.chatItem .time {
	font-size: 12px;
	padding: 2px 0;
	margin: 0px auto 10px;
	width: 180px;
	border-radius: 20px;
	color: #7f7f7f;/*background-color:#EEE;*/
	text-shadow: 0 1px 0 #fff;
}
.chatItem .time .timeBg {
	height: 1px;
	width: 27px;
	margin-top: 8px;
	background-color: #B4B8BD;
}
.chatItem .avatar {
	width: 38px;
	height: 38px;
	border: 1px solid #ccc\9;
	border: 1px solid #FFF;
	box-shadow: 0px 1px 0px #B3B6BA;
}
.chatItem .cloud {
	max-width: 300px; /*border-radius:11px; border-width:1px; border-style:solid; */
	cursor: default;
	position: static;
}
.chatItem .cloud {/*for ie*/
	/*position: relative;*/
	padding: 0px;
	margin: 0px;
}
.chatItem .cloudContent { /* position:relative;for ie*/
	text-align: left; /*padding:2px; line-height:1.2; */
	font-weight: normal;
	font-size: 14px;
	min-height: 20px;
	word-wrap: break-word;
}
.zoomIn {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	border-radius: 1px;
}
.zoomOut {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
}
.chatPanel .cloud .text {
	padding: 5px;
}
.cloudImg .cloudContent {
	min-height: 30px;
	max-height: 200px;
}
.cloudImg .cloudContent img {
	min-width: 50px;
	min-height: 50px;
}
.cloudImg .cloudContent img.waitingEffect {
	position: absolute;
	left: -30px;
	top: 23px;
	width: 16px;
	height: 16px;
	min-height: 0;
	min-width: 0;
}
/*我的气泡*/
.me .avatar {
	float: right;
	margin-right: 18px;
}
.me .cloud { /*position:relative;*/
	float: right;
	min-width: 50px;
	max-width: 300px;
	margin: 0 15px 0 0;
}
/*文字气泡*/
.me .cloudText .cloudBody {
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-color: transparent;
	border: 1px solid #AFAFAF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 1px 0px #D5D5D5;
	border: 1px solid #9f9f9f\9;
	background: #ECECEC\9;
	border-radius: 6px\9;
	margin-left: 8px;
}
.me .cloudContent {
	border: 1px solid #eee\9;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #F2F2F2;
	padding: 13px\9;
	border-radius: 13px\9;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow: hidden;
	color: #000;
	text-shadow: none;
	background-color: #ECECEC;
	background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), to(#E5E5E5), color-stop(0.1, #F3F3F3), color-stop(0.3, #F1F1F1), color-stop(0.5, #ECECEC), color-stop(0.7, #E9E9E9), color-stop(0.9, #E6E6E6), color-stop(1.0, #E5E5E5));
	background-image: -moz-linear-gradient(top, #F3F3F3 10%, #F1F1F1 30%, #ECECEC 50%, #E9E9E9 70%, #E6E6E6 90%, #E5E5E5 100%);
}/*.cloudText*/
.me .cloudText .cloudArrow {
	position: absolute;
	right: -10px;
	top: 11px;
	width: 13px;
	height: 24px;
	background: url(../images/preview/bubble_right_guid17ced3.png) no-repeat;
}
.me .cloudText .cloudContent {
	background-color: #E5E5E5;
	vertical-align: top;
	padding: 7px 10px;
	background-color: #ECECEC\9;
}
/*post the type of file*/
.cloudMesg .cloudBody {
	border: 1px solid #979797;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px\9;
	border-radius: 7px;
	background-color: #EFF0F4;
	background: -webkit-gradient(linear, left top, left bottom, from(#F4F5F9), to(#E9EAEE), color-stop(0.1, #F3F4F8), color-stop(0.5, #EFF0F4), color-stop(0.9, #EAEBEF), color-stop(1.0, #E9EAEE));
	background-image: -moz-linear-gradient(top, #F3F4F8 10%, #EFF0F4 50%, #EAEBEF 90%, #E9EAEE 100%);
}
.me .cloudMesg .cloudArrow {
	position: absolute;
	right: -13px;
	top: 10px;
	width: 17px;
	height: 24px;
	background: url(../images/cloud/filetype_guid_right17ced3.png) no-repeat;
	right: -12px\9;
}
.you .cloudMesg .cloudArrow{
		position: absolute; 
		left:-8px; 
		left:-8px; 
		top:10px;
		width:17px;
		height: 24px; 
		background: url(../images/preview/filetype_guid_left17ced3.png) no-repeat;
		right:-12px\9;
	}
.chatPanel .cloud .file {
	cursor: pointer;
	box-shadow: 0px 1px 3px #9E9E9E;
	border-radius: 6px;
}
.chatPanel .cloud .file a {
	display: block;
	height: 77px;
}
.chatPanel .cloud .file a:hover .name {
	color: #546072;
}
.chatPanel .cloud .file .fileIcon {
	width: 75px;
	height: 75px;
	margin: 0px;
	padding: 0px;
	border-radius: 3px 0px 0px 3px;
}
.chatPanel .cloud .file .fileIcon .fileImg {
	background: url("../images/file_type17ced3.png") no-repeat -64px -64px;
	display: block;
	margin: 13px 0px 0px 14px;
	height: 50px;
	width: 45px;
}
.chatPanel .cloud .fileOfWord .fileIcon .fileImg {
	background-position: -65px -3px;
}
.chatPanel .cloud .fileOfExcel .fileIcon .fileImg {
	background-position: -125px -5px;
}
.chatPanel .cloud .fileOfPowerPoint .fileIcon .fileImg {
	background-position: -185px -5px;
}
.chatPanel .cloud .fileOfMusic .fileIcon .fileImg {
	background-position: -245px -5px;
}
.chatPanel .cloud .fileOfPdf .fileIcon .fileImg {
	background-position: -4px -64px;
	width: 49px;
}
.chatPanel .cloud .fileOfLink .fileIcon .fileImg {
	background-position: -5px -5px;
}
.chatPanel .cloud .ffileOfPhoto .fileIcon .fileImg {
	background-position: -185px -5px;
}
.chatPanel .cloud .fileOfText .fileIcon .fileImg {
	background-position: -65px -64px;
}
.chatPanel .cloud .fileOfZip .fileIcon .fileImg {
	background-position: -124px -64px;
}
.chatPanel .cloud .file .fileIcon {
	background-color: #6B5A88;
	background: -webkit-gradient(linear, left top, left bottom, from(#79658E), to(#635584), color-stop(0.1, #75628C), color-stop(0.5, #6B5A88), color-stop(0.9, #645685), color-stop(1.0, #635584));
	background-image: -moz-linear-gradient(top, #75628C 10%, #6B5A88 50%, #645685 90%, #635584 100%);
	background-color: #6B5A88\0;
	border-style: solid;
	border-width: 1px;
	border-color: #79658E #62478B #635584 #6E5C89;
}
.chatPanel .cloud .fileOfZip .fileIcon {
	background-color: #457191;
	background: -webkit-gradient(linear, left top, left bottom, from(#507C9C), to(#3C6887), color-stop(0.1, #4E7A99), color-stop(0.5, #457191), color-stop(0.9, #3E6A89), color-stop(1.0, #3C6887));
	background-image: -moz-linear-gradient(top, #4E7A99 10%, #457191 50%, #3E6A89 90%, #3C6887 100%);
	background-color: #457191\0;
	border-style: solid;
	border-width: 1px;
	border-color: #517D9C #39617D #3C6887 #487493;
}
.chatPanel .cloud .fileOfExcel .fileIcon {
	background-color: #3E8342;
	background: -webkit-gradient(linear, left top, left bottom, from(#488D3D), to(#357A47), color-stop(0.1, #458A3F), color-stop(0.5, #3E8342), color-stop(0.9, #377C46), color-stop(1.0, #357A47));
	background-image: -moz-linear-gradient(top, #458A3F 10%, #3E8342 50%, #377C46 90%, #357A47 100%);
	background-color: #3E8342\0;
	border-style: solid;
	border-width: 1px;
	border-color: #488D3D #38612C #357A47 #408541;
}
.chatPanel .cloud .fileOfPowerPoint .fileIcon {
	background-color: #BC5E0A;
	background: -webkit-gradient(linear, left top, left bottom, from(#BE7510), to(#B15709), color-stop(0.1, #BE720F), color-stop(0.5, #BC5E0A), color-stop(0.9, #B45709), color-stop(1.0, #B15709));
	background-image: -moz-linear-gradient(top, #BE720F 10%, #BC5E0A 50%, #B45709 90%, #B15709 100%);
	background-color: #BC5E0A\0;
	border-style: solid;
	border-width: 1px;
	border-color: #BE7610 #974E22 #B15809 #BB5D0A;
}
.chatPanel .cloud .fileOfMusic .fileIcon {
	background-color: #338F9A;
	background: -webkit-gradient(linear, left top, left bottom, from(#24909D), to(#1C808D), color-stop(0.1, #2F939F), color-stop(0.5, #338F9A), color-stop(0.9, #20838F), color-stop(1.0, #1C808D));
	background-image: -moz-linear-gradient(top, #2F939F 10%, #338F9A 50%, #20838F 90%, #1C808D 100%);
	background-color: #338F9A\0;
	border-style: solid;
	border-width: 1px;
	border-color: #228F9C #2B758B #1C808C #2E8B97;
}
.chatPanel .cloud .fileOfWord .fileIcon {
	background-color: #467291;
	background: -webkit-gradient(linear, left top, left bottom, from(#507C9C), to(#3C6887), color-stop(0.1, #4F7B9A), color-stop(0.5, #467291), color-stop(0.9, #3E6989), color-stop(1.0, #3C6887));
	background-image: -moz-linear-gradient(top, #4F7B9A 10%, #467291 50%, #3E6989 90%, #3C6887 100%);
	background-color: #467291\0;
	border-style: solid;
	border-width: 1px;
	border-color: #517D9C #39617D #3C6887 #457090;
}
.chatPanel .cloud .fileOfPdf .fileIcon {
	background-color: #AF4258;
	background: -webkit-gradient(linear, left top, left bottom, from(#BB4F64), to(#A23A51), color-stop(0.1, #B84B61), color-stop(0.5, #AF4258), color-stop(0.9, #A53B52), color-stop(1.0, #A23A51));
	background-image: -moz-linear-gradient(top, #B84B61 10%, #AF4258 50%, #A53B52 90%, #A23A51 100%);
	background-color: #AF4258\0;
	border-style: solid;
	border-width: 1px;
	border-color: #BB4F64 #9A4051 #A13A50 #B04259;
}
.chatPanel .cloud .fileOfLink .fileIcon {
	background-color: #2D72A8;
	background: -webkit-gradient(linear, left top, left bottom, from(#4184B5), to(#3276AB), color-stop(0.1, #3D81B2), color-stop(0.5, #2D72A8), color-stop(0.9, #2F74A9), color-stop(1.0, #3276AB));
	background-image: -moz-linear-gradient(top, #3D81B2 10%, #2D72A8 50%, #2F74A9 90%, #3276AB 100%);
	background-color: #2D72A8\0;
	border-style: solid;
	border-width: 1px;
	border-color: #4184B5 #30688B #3276AB #2C71A7;
}
.chatPanel .cloud .fileOfPhoto .fileIcon {
	background-color: #1E7D7A;
	background: -webkit-gradient(linear, left top, left bottom, from(#20928B), to(#1D7D75), color-stop(0.1, #1F8C86), color-stop(0.5, #1E7D7A), color-stop(0.9, #1D7C76), color-stop(1.0, #1D7D75E));
	background-image: -moz-linear-gradient(top, #1F8C86 10%, #1E7D7A 50%, #1D7C76 90%, #1D7D75 100%);
	background-color: #1E7D7A\0;
	border-style: solid;
	border-width: 1px;
	border-color: #20938C #126565 #1D7D75 #1E817E;
}
.chatPanel .cloud .fileOfText .fileIcon {
	background-color: #6B5A88;
	background: -webkit-gradient(linear, left top, left bottom, from(#79658E), to(#635584), color-stop(0.1, #75628C), color-stop(0.5, #6B5A88), color-stop(0.9, #645685), color-stop(1.0, #635584));
	background-image: -moz-linear-gradient(top, #75628C 10%, #6B5A88 50%, #645685 90%, #635584 100%);
	background-color: #6B5A88\0;
	border-style: solid;
	border-width: 1px;
	border-color: #79658E #62478B #635584 #6E5C89;
}
.chatPanel .cloud .fileOfZip .fileIcon {
	background-color: #657F89;
	background: -webkit-gradient(linear, left top, left bottom, from(#708B96), to(#58707B), color-stop(0.1, #6D8792), color-stop(0.5, #657F89), color-stop(0.9, #5E7680), color-stop(1.0, #58707B));
	background-image: -moz-linear-gradient(top, #6D8792 10%, #657F89 50%, #5E7680 90%, #58707B 100%);
	background-color: #657F89\0;
	border-style: solid;
	border-width: 1px;
	border-color: #708B96 #556F7B #58707B #657F89;
}
.chatPanel .cloud .file .info {
	height: 40px;
	width: 99px;
	width: 103px\9;
	border: none;
	border-right: 1px solid #979797;
	border-top: 1px solid #979797;
	border-bottom: 1px solid #979797;
	-moz-border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px\9;
	border-radius: 0px 3px 3px 0px;
	padding: 15px 10px 20px 9px;
	background-color: #EFF0F4;
	background: -webkit-gradient(linear, left top, left bottom, from(#F4F6FB), to(#E9EAEE), color-stop(0.1, #F3F4F9), color-stop(0.5, #EFF0F4), color-stop(0.9, #EAEBEF), color-stop(1.0, #E9EAEE));
	background-image: -moz-linear-gradient(top, #F3F4F9 10%, #EFF0F4 50%, #EAEBEF 90%, #E9EAEE 100%);
}
.chatPanel .cloud .file .name {
	color: #1F252B;
	font-size: 13px;
	font-weight: bold;
	max-width: 200px;
	height: 16px;
	line-height: 1.2em;
	white-space: nowrap;
	text-align: left;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
.chatPanel .cloud .file .desc {
	color: #565C61;
	text-shadow: none;
	padding-top: 8px;
	font-size: 12px;
	text-align: left;
}
.me .cloud .cloudPannel .file {
	height: 77px\9;
}
/*you file*/
.you .cloud .cloudPannel .file {
	border: 1px solid #75975C;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	height: 77px\9;
}
.you .cloud .cloudPannel .file .fileIcon {
	float: right;
	border-radius: 0px 6px 6px 0px;
	-moz-border-radius: 0px 6px 6px 0px;
	-webkit-border-radius: 0px 6px 6px 0px;
}
.you .cloud .cloudPannel .file .info {
	float: left;
	border-radius: 6px 0px 0px 6px;
	-moz-border-radius: 6px 0px 0px 6px;
	-webkit-border-radius: 6px 0px 0px 6px;
	border-left: 1px solid #979797;
	border-right: none;
}
.you .cloud .cloudPannel .cloudFileArrow {
	position: absolute;
	left: -8px;
	top: 10px;
	width: 17px;
	height: 24px;
	background: url(../images/cloud/filetype_guid_left17ced3.png) no-repeat;
	right: -12px\9;
}
/*you file end*/
	/*纯图片、视频气泡*/
.me .cloudVideo .cloudBody {
	border-width: 8px 8px 9px;
	-moz-border-image: url(../images/cloud/cloud_img_body_white17ced3.png) 8 8 9 8 stretch;
	-webkit-border-image: url(../images/cloud/cloud_img_body_white17ced3.png) 8 8 9 8 stretch;
	-o-border-image: url(../images/cloud/cloud_img_body_white17ced3.png) 8 8 9 8 stretch;
	border-image: url(../images/cloud/cloud_img_body_white17ced3.png) 8 8 9 8 stretch;
	border: 1px solid #9f9f9f\9;
	border-style: solid;
	background: #e5e5e5\9;
	border-radius: 6px\9;
	_display: none;
}
.me .cloudImg .cloudContent, .me .cloudVideo .cloudContent {
	border: 1px solid #eee\9;
	padding: 5px\9;
	border-radius: 6px\9;
}
.me .cloudImg .cloudContent {
	padding: 0px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: none;
}
.me .cloudImg .imageBorder, .me .cloudVideo .imageBorder {
	border: 1px solid #9f9f9f\9;
}
.me .cloudVideo .cloudArrow {
	position: absolute;
	right: -8px;
	top: 10px;
	width: 17px;
	height: 24px;
	background: url(../images/cloud/cloud_img_arrow_white17ced3.png) no-repeat;
	right: -12px\9;
	background: url(../images/cloud/cloud_text_arrow_white17ced3.png) no-repeat\9;
}
/*语音气泡*/
.me .cloudVoice {
	margin-right: 10px;
}
.me .cloudVoice .cloudBody {
	position: relative;
	margin: 0px 8px 9px 7px;
	margin: 0 7px\9;
	background: url(../images/cloud/cloud_voide_body_white17ced3.png) 0 0 repeat-x;
	background: #e5e5e5\9;
	border: 1px solid #9f9f9f\9;
	_display: none;
	border: 1px solid #AFAFAF;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0px 1px 0px #DBDBDB;
}
.me .cloudVoice .cloudContent {
	border: none\9;
	padding: 0\9;
	padding: 7px 7px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 7px\9;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #F2F2F2;
	background-color: #EDEDED;
	background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), to(#E5E5E5), color-stop(0.1, #F3F3F3), color-stop(0.3, #F1F1F1), color-stop(0.5, #ECECEC), color-stop(0.7, #E9E9E9), color-stop(0.9, #E7E7E7), color-stop(1.0, #E5E5E5));
	background-image: -moz-linear-gradient(top, 0% #F4F4F4, #F3F3F3 10%, #F1F1F1 30%, #ECECEC 50%, #E9E9E9 70%, #E7E7E7 90%, #E5E5E5 100%);
}
.me .cloudVoice .cloudArrow {
	position: absolute;
	width: 18px;
	height: 25px;
	right: -7px;
	right: -8px\9;
	top: 11px;
	background: url(../images/preview/bubble_right_guid17ced3.png) no-repeat 0 0;
}
.me .cloudVoice .cloudContent {
}
.me .cloudVoice .icoVoice {
	display: inline-block;
	float: right;
	width: 25px;
	height: 20px;
	background: url("../images/icon_sound17ced3.png") no-repeat -24px -1px;
	cursor: pointer;
}
.me .cloudVoice .icoVoicePlaying {
	display: inline-block;
	float: right;
	width: 18px;
	height: 20px;
	background: url("../images/voice0217ced3.gif") no-repeat left 0px;
	background: url("../images/voice02_ie17ced3.gif") no-repeat left 0px\9;
}
.cloudVoice .replyVoice {
	position: absolute;
}
.you .cloudVoice .replyVoice {
	left: 35px;
	top: 15px;
}
.me .cloudVoice .replyVoice {
	right: 30px;
	top: 0;
}
.me .sendStatus {
	position: absolute;
	left: -250px;
	color: #B8B8B8;
	top: 50%;
	width: 250px;
	text-align: right;
	margin-top: -9px;
	font-size: 12px;
}
.me .cloudText .sendStatus, .me .cloudImg .sendStatus {
	margin-top: -10px;
}
.me .sendStatus .iconSendFailed {
	background: url(../images/icon_chat17ced3.png) no-repeat 50% -240px;
	width: 30px;
	height: 30px;
	margin-top: -5px;
}
.me .sendStatus .iconSendFailed:active {
	background: url(../images/icon_chat17ced3.png) no-repeat 50% -240px;
}
/*对方的气泡*/
.you .avatar {
	float: left;
}
.you .cloud { /*position:relative;8.3*/
	float: left;
	min-width: 50px;
	max-width: 300px;
	margin: 0 0 0 15px;
}
/*文字气泡*/
.you .cloudText .cloudBody {
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-color: transparent;
	/*border-style:solid;
		border-width:1px;
		border-color:#7B9F45 #7B9F45 #7B9F45 #7B9F45;*/
	border: 1px solid #7AA23F;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 1px 0px #DBDBDB;
	border: 1px solid #73972a\9;
	border-radius: 6px\9;
	/*background-color:#A1D251;
		
		background:-webkit-gradient(linear, left top,left bottom, from(#C2DE8E),to(#8EBF3A), 
			color-stop(0.1,#BFDC89),color-stop(0.2,#B7D978),color-stop(0.3,#B3D870),
			color-stop(0.4,#A8D45D),color-stop(0.5,#A2D254),color-stop(0.6,#9DCE4C),
			color-stop(0.7,#96C742),color-stop(0.8,#92C23E),color-stop(0.9,#8FBF3B),color-stop(1.0,#8EBF3A));
		background-image:-moz-linear-gradient(top, #C2DE8E 0%, #BFDC89 10%, #B7D978 20%, #B3D870 30%, #A8D45D 40%, #A2D254 50%, #9DCE4C 60%, #96C742 70%, #92C23E 80%, #8FBF3B 90%, #8EBF3A 100%);*/
	background-color: #B2CF73;
	background: -webkit-gradient(linear, left top, left bottom, from(#C4DE94), to(#A4C363), color-stop(0.1, #B4D174), color-stop(0.2, #B2CF73), color-stop(0.3, #B2CF73), color-stop(0.4, #B2CF73), color-stop(0.5, #B2CF73), color-stop(0.6, #AFCC74), color-stop(0.7, #ABCA6C), color-stop(0.8, #AECA72), color-stop(0.9, #A9C572), color-stop(1.0, #A4C363));
 background-image: -moz-linear-gradient(top, #B4D174 10%, #B2CF7320%, #B2CF73 30%, #B2CF73 40%, #B2CF73 50%, #AFCC74 60%, #ABCA6C70%, #A9C572 80%, #AECA72 90%, #A4C363 100%);
}
.you .cloudText .cloudContent {
	padding: 5px 13px\9;
	border-radius: 13px\9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 7px 10px;
	text-shadow: none;
	color: #030303;
	/*border-top:1px solid #E3EFC9;
		border-bottom:1px solid #8EBF3A;
		border-right:1px solid #A4D257;
		background-color:#C0DC85\9;*/
	border-top: 1px solid #DCE6C8;
	border-bottom: 1px solid #B9CF8B;
	border-right: 1px solid #CCDEA3;
	background-color: #C0DC85\9;
}
.you .cloudText .cloudArrow {
	position: absolute;
	left: -6px;
	top: 11px;
	width: 13px;
	height: 24px;
	background: url(../images/preview/bubble_left_guid17ced3.png) no-repeat;
}
/*纯图片、视频气泡*/
	
.you .cloudImg .cloudBody, .you .cloudVideo .cloudBody {
	/*border-width: 8px 8px 9px;
		-moz-border-image: url(../images/cloud/cloud_img_body_green17ced3.png) 8 8 9 8 stretch;
		-webkit-border-image: url(../images/cloud/cloud_img_body_green17ced3.png) 8 8 9 8 stretch;
		-o-border-image: url(../images/cloud/cloud_img_body_green17ced3.png) 8 8 9 8 stretch;
		border-image: url(../images/cloud/cloud_img_body_green17ced3.png) 8 8 9 8 stretch;
		border-style:solid;*/
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-color: transparent;
	border: 1px solid #7AA23F;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 1px 0px #DBDBDB;
	background-color: #B2CF73;
	/*background: -webkit-gradient(linear, left top,left bottom, from(#D4E6AC),to(#BED199), color-stop(0.1,#D5E0B5),color-stop(0.2,#D3E1A6),color-stop(0.3,#D1DEA9),color-stop(0.4,#CEDDA6),color-stop(0.5,#CADCA0),color-stop(0.6,#C8DA9C),color-stop(0.7,#C6D999),color-stop(0.8,#BCD97C),color-stop(0.9,#C1D691),color-stop(1.0,#BED199));
		background-image: -moz-linear-gradient(top, #D5E0B5 10%, #D3E1A6 20%, #D1DEA9 30%, #CEDDA6 40%, #CADCA0 50%, #C8DA9C 60%, #C6D999 70%, #BCD97C 80%, #C1D691 90%, #BED199 100%);*/
	background-color: #DBEBB9\9;
	border: 1px solid #73972A\9;
	border-radius: 6px\9;
}
.me .cloudImg .cloudBody, .me .cloudVideo .cloudBody {
	border-width: 8px 8px 9px;
	-moz-border-image: url(../images/cloud/cloud_img_body_white17ced3.png) 8 8 9 8 stretch;
	-webkit-border-image: url(../images/cloud/cloud_img_body_white17ced3.png) 8 8 9 8 stretch;
	-o-border-image: url(../images/cloud/cloud_img_body_white17ced3.png) 8 8 9 8 stretch;
	border-image: url(../images/cloud/cloud_img_body_white17ced3.png) 8 8 9 8 stretch;
	border: 1px solid #9f9f9f\9;
	border-style: solid;
	background: #e5e5e5\9;
	border-radius: 6px\9;
	_display: none;
}
.you .cloudImg .cloudBody, .you .cloudVideo .cloudBody {
	border: 1px solid #73972a\9;
	background: #98c63d\9;
	border-radius: 6px\9;
}
.you .cloudImg .cloudContent, .you .cloudVideo .cloudContent {
	border: 1px solid #afd660\9;
	padding: 5px\9;
	border-radius: 6px\9;
	border: 1px solid #AFD660\9;
	padding: 5px 13px\9;
	border-radius: 13px\9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 6px;
	text-shadow: none;
	color: #030303;
	border-top: 1px solid #EAF9D0;
	border-bottom: 1px solid #D0E3AB;
	border-right: 1px solid #EAF9D0;
	background-color: #C0DC85\9;
}
.me .cloudImg .cloudContent {
	border: 1px solid #EAE8E8\9;
	border-radius: 8px\9;
}
.me .cloudImg .cloudContent, .you .cloudImg .cloudContent {
	max-height: 150px;
}
.me .cloudImg .imageBorder, .me .cloudVideo .imageBorder {
	border: 1px solid #a4a4a4\9;
}
.me .cloudImg .imageBorder {
	border: 5px solid #E5E5E5\9;
	border-radius: 0px\9;
}
.you .cloudImg .cloudArrow, .you .cloudVideo .cloudArrow {
	position: absolute;
	left: -6px;
	top: 10px;
	width: 17px;
	height: 24px;
	right: -12px\9;
	background: url(../images/preview/bubble_left_guid17ced3.png) no-repeat;
}
.you .chatItemContent_news1 {
    position: relative;
    _position: static;	
}
.you .chatItemContent_news1 .cloudArrow {
	position: absolute;
	left: -8px;
	top: 17px;
	width: 17px;
	height: 24px;
	right: -12px\9;
	background: url(../images/preview/bubble_openapi17ced3.png) no-repeat;
}

.you .chatItemContent_news2 {
    position: relative;
    _position: static;	
}
.you .chatItemContent_news2 .cloudArrow {
	position: absolute;
	left: -8px;
	top: 0px;
	width: 17px;
	height: 24px;
	right: -12px\9;
	background: url(../images/preview/bubble_openapi17ced3.png) no-repeat;
}
.me .cloudImg .cloudArrow {
	position: absolute;
	width: 18px;
	height: 25px;
	right: -13px;
	top: 8px;
	background: url(../images/cloud/cloud_text_arrow_white17ced3.png) no-repeat 0 0;
}
/*语音气泡*/
.you .cloudVoice {
	margin-left: 10px;
}
.you .cloudVoice .cloudBody {
	position: relative;
	margin: 0 17px;
	margin: 0 7px\9;
	padding-left: 18px\9;
	margin: 0px 8px 9px 7px;
	/*border-style:solid;
		border-width:1px;
		border-color:#7B9F45 #7B9F45 #7B9F45 #7B9F45;*/
	border: 1px solid #7AA23F;
	border: 1px solid #7AA23F\9;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px\9;
	box-shadow: 0px 1px 1px #CDCDCD;
	/*background-color:#B1CF71;
		
		background:-webkit-gradient(linear, left top,left bottom, from(#C2DE8E),to(#8EBF3A), 
			color-stop(0.1,#BFDC89),color-stop(0.2,#B7D978),color-stop(0.3,#B3D870),
			color-stop(0.4,#A8D45D),color-stop(0.5,#A2D254),color-stop(0.6,#9DCE4C),
			color-stop(0.7,#96C742),color-stop(0.8,#92C23E),color-stop(0.9,#8FBF3B),color-stop(1.0,#8EBF3A));
		background-image:-moz-linear-gradient(top, #C2DE8E 0%, #BFDC89 10%, #B7D978 20%, #B3D870 30%, #A8D45D 40%, #A2D254 50%, #9DCE4C 60%, #96C742 70%, #92C23E 80%, #8FBF3B 90%, #8EBF3A 100%);*/
	background-color: #B2CF73;
	background: -webkit-gradient(linear, left top, left bottom, from(#CDEB96), to(#A4C363), color-stop(0.1, #D1EBA2), color-stop(0.2, #C7E492), color-stop(0.3, #BFDB8D), color-stop(0.4, #BDD687), color-stop(0.5, #B7D17E), color-stop(0.6, #B1CE78), color-stop(0.7, #B0CD77), color-stop(0.8, #ABC970), color-stop(0.9, #A7C568), color-stop(1.0, #A4C363));
	background-image: -moz-linear-gradient(top, #CDEB96 0%, #D1EBA2 10%, #C7E492 20%, #BFDB8D 30%, #BDD687 40%, #B7D17E 50%, #B1CE78 60%, #B0CD77 70%, #ABC970 80%, #A7C568 90%, #A4C363 100%);
}
.you .cloudVoice .cloudArrow {
	position: absolute;
	width: 18px;
	height: 25px;
	left: 1px;
	top: 11px;
	background: url(../images/preview/bubble_left_guid17ced3.png) no-repeat 0 0;
}
.you .cloudVoice .cloudContent {
	display: block;
	padding: 7px 7px;
	padding: 7px 6px\9;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px\9;
	border-top: 1px solid #E3EFC9;
	border-bottom: 1px solid #8EBF3A;
	border-right: 1px solid #A4D257;
	border-left: 1px solid #DDEBC2\9;
	margin-left: -20px\9;
}
.you .cloudVoice .cloudContent .icoVoice {
	display: inline-block;
	float: left;
	width: 25px;
	width: 25px\9;
	height: 20px;
	background: url("../images/preview/icon_sound17ced3.png") no-repeat 0 -1px;
	cursor: pointer;
	margin-left: 0px\9;
}
.you .cloudVoice .cloudContent .icoVoicePlaying {
	display: inline-block;
	float: left;
	width: 20px;
	height: 20px;
	background: url("../images/voice0117ced3.gif") no-repeat left 0px;
	background: url("../images/voice01_ie17ced3.gif") no-repeat left 0px\9;
}
.you .sendStatus {
	position: absolute;
	top: 50%;
	right: -198px;
	margin-top: -23px;
	width: 200px;
	text-align: left;
	font-size: 12px;
	color: #B8B8B8;
	background: none;
}
.you .cloudText .sendStatus {
	margin-top: -8px;
}
.you .sendStatus span {
	display: block;
	margin-left: 7px;
	margin-top: 7px;
}
.you .sendStatus .iconSendFailed {
	background: url(../images/icon_chat17ced3.png) no-repeat -7px -136px;
	width: 17px;
	height: 17px;
	margin-top: 14px;
}
.you .sendStatus .unread {
	background: url(../images/icon_chat17ced3.png) no-repeat -8px -72px;
	width: 17px;
	height: 17px;
	margin: 6px 0 -12px 3px;
}
.cloudImg, .cloudVideo {
	line-height: 0;
}
.cloudVoice {
	cursor: pointer;
}
.cloudText img {
	vertical-align: text-bottom;
	margin-bottom: -5px;
}
/*cloud mesg*/
.chatItem .cloudMesg {
	width: 194px;
	border: 1px solid #979797;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0px 1px 3px #9E9E9E;
}
.chatItem .cloudMesg.cloudMesgWord {
	height: inherit;
}
.chatItem .cloudMesg.cloudMesgImg {
	height: inherit;
	width: inherit;
}
.chatItem .chatItemContent .cloudMesg .cloudBody {
	border: none;
	border-right: 9px solid #63A308;
	border-radius: 5px;
}
.you .chatItemContent .cloudMesgLink .cloudBody, .you .chatItemContent .cloudMesgFile .cloudBody {
	background-color: #FAFAFA;
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#FAFAFA));
	background-image: -moz-linear-gradient(top, white 0%, #FAFAFA 100%);
}
.me .chatItemContent .cloudMesg .cloudBody {
	border-right: none;
	padding: 0px\9;
	border-radius: 6px 5px 5px 6px;
}
.me .chatItemContent .cloudMesgLink .cloudBody, .me .chatItemContent .cloudMesgFile .cloudBody {
	border: none;
	background-color: #EFF0F4;
	background: -webkit-gradient(linear, left top, left bottom, from(#F4F6FB), to(#E9EAEE), color-stop(0.1, #F3F4F9), color-stop(0.5, #EFF0F4), color-stop(0.9, #EAEBEF), color-stop(1.0, #E9EAEE));
	background-image: -moz-linear-gradient(top, #F3F4F9 10%, #EFF0F4 50%, #EAEBEF 90%, #E9EAEE 100%);
}
.chatItem .cloudMesg .cloudContent {
	padding: 4px 7px 2px 0px;
	background-color: #EFF0F4;
	background: -webkit-gradient(linear, left top, left bottom, from(#F4F6FB), to(#E9EAEE), color-stop(0.1, #F3F4F9), color-stop(0.5, #EFF0F4), color-stop(0.9, #EAEBEF), color-stop(1.0, #E9EAEE));
	background-image: -moz-linear-gradient(top, #F3F4F9 10%, #EFF0F4 50%, #EAEBEF 90%, #E9EAEE 100%);
}
.you .cloudMesg .cloudContent {
	border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
}
.chatItem .cloudMesg .cloudMesgPanel {
	padding: 13px 10px 13px 10px;
	width: 90%;
	font-size: 14px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}
.chatItem .cloudMesgLink .cloudMesgPanel, .chatItem .cloudMesgFile .cloudMesgPanel {
	padding: 0px 10px;
	width: 90%;
	font-size: 14px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}
.chatItem .cloudMesg .cloudMesgPanel .cloudMesgContent p {
	color: #1F252B;
	width: 100%;
	width: 90px\9;
	height: 15px\9;
	line-height: 15px\9;
	max-height: 29px;
	line-height: 1em;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
.chatItem .cloudMesg .cloudMesgPanel .cloudMesgContent span {
	display: block;
	color: #565C61;
	font-size: 12px;
	width: 100%;
	height: 17px;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	margin-top: 10px;
	margin-top: 0px\9;
}
.chatItem .cloudMesgWord .cloudContent {
	border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
}
.me .cloudMesgWord .cloudContent {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.chatItem .cloudMesg.cloudMesgImg .cloudMesgPanel .cloudMesgWordPanel {
	line-height: 0;
}
.chatItem .cloudMesg .cloudMesgPanel .cloudMesgWordPanel, .chatItem .cloudMesg .cloudMesgPanel .cloudMesgLinkFilePanel {
	padding: 0px;
	margin: 0px;
}
.chatItem .cloudMesg .cloudMesgPanel .cloudMesgWordPanel p {
	word-wrap: break-word;
	word-break: break-all;
	max-width: 183px;
}
.chatItem .cloudMesgLink .cloudMesgLinkFilePanel .cloudMesgIcon, .chatItem .cloudMesgFile .cloudMesgLinkFilePanel .cloudMesgIcon {
	height: 62px;
	width: 62px;
	padding: 0px;
	margin-right: 13px;
	margin-left: -5px;
	box-shadow: 0px 1px 0px #FFF;
}
.you .cloudMesgAppEmojiPanel .cloudMesgIcon {
	float: left;
}
.me .cloudMesgAppEmojiPanel .cloudMesgIcon {
	float: right;
}
.chatItem .cloudMesgLink .cloudMesgLinkFilePanel .cloudMesgContent, .chatItem .cloudMesgFile .cloudMesgLinkFilePanel .cloudMesgContent {
	width: 90px;
	padding: 10px 0;
	padding: 0px\9;
	margin-top: 0px\9;
}
/*.chatItem .cloudMesg .greenStrip*/
.me .cloudMesg .cloudArrow {
	position: absolute;
	right: -12px;
	top: 10px;
	width: 13px;
	height: 24px;
	background: url(../images/preview/bubble_openapi_right17ced3.png) no-repeat;
}
.you .cloudMesg .cloudArrow {
	position: absolute;
	left: -8px;
	top: 10px;
	width: 13px;
	height: 24px;
	background: url(../images/preview/bubble_openapi17ced3.png) no-repeat;
}
/* 加载更多消息 */
.chatItem.chatListloadingMoreMsg {
	position: absolute;
	top: 10px;
	z-index: 1;
	display: none;
}
.chatItem.chatListloadingMoreMsg {
	opacity: 1;
	background-color: #E7EAEC;
	color: #95989A;
}
/* 会话操作区 */
.emojiPanel {
	position: absolute;
	zoom: 1;
	z-index: 120;
}
.emojiPanel a.faceCloseIcon {
	position: absolute;
	z-index: 10;
	left: 445x;
	top:-304px;
	width: 28px;
	height: 27px;
	background:url("../images/button_chat1832d7.png") no-repeat -3px -846px;
}
.emojiPanel a.faceCloseIcon:hover {
	background:url("../images/button_chat1832d7.png") no-repeat -37px -846px;
}
.emojiPanel a.faceCloseIcon:active {
	background:url("../images/button_chat1832d7.png") no-repeat -71px -846px;
}
.emojiPanel a:hover {
	cursor: pointer;
}
.emojiPanel .faceTriangle {
	position: absolute;
	z-index: 10;
	height:20px;
	width:20px;
	left: 14x;
	margin-left:14px;
	top:-67px;
	display: none;
}
.emojiPanel .faceTrianglePanel {
	padding:0px;
	margin:0px;
	position:relative;
}
.emojiPanel .faceTriangle .faceTriangle1 {
	position:absolute;
	top:1px;
	left:0px;
	border-style:solid;
	border-width:8px;
	border-color:#D3D0D0 transparent transparent;
}
.emojiPanel .faceTriangle .faceTriangle2 {
	position:absolute;
	top:0px;
	left:0px;
	border-style:solid;
	border-width:8px;
	border-color:#F6F8FB transparent transparent;
}
/*emoji*/
	
	
.faceWrap {
	position: absolute;
	z-index: 0;
	background-color: white;
	width: 434px;
	border: 1px solid #9FA0A0;
	padding: 46px 20px 20px;
	bottom: 4px;
	margin-bottom: 88px;
	_height: 172px;
	overflow-y: hidden;
	left: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0px 0px 6px rgba(94, 89, 89, 0.57);
	-o-box-shadow: 0px 0px 6px rgba(94, 89, 89, 0.57);
	-webkit-box-shadow: 0px 0px 6px rgba(94, 89, 89, 0.57);
	-ms-box-shadow: 0px 0px 6px rgba(94, 89, 89, 0.57);
	box-shadow: 0px 0px 6px rgba(94, 89, 89, 0.57);
}
.faceWrap .emojiBox {
	height:195px;
}
.faceWrap .emojiBox .emojiContent {
	height: 203px;
	overflow-y: auto;
	margin:7px -20px 12px -12px;
	margin-left:0;
	position:relative;
	top:-7px;
}
.emojiBox .emojiContent .emojiFacePanel {
	/*width: 450px;*/
		height:368px;
	background:url("../images/preview/emojiPanel17ced3.png") no-repeat;
}
.faceWrap .emojiBox a {
	display:block;
	float:left;
	width:28px;
	height:28px;
	border-right:1px solid #DFE6F6;
	border-bottom:1px solid #DFE6F6
}
ul.faceTab {
	position: relative;
	bottom: 331px;
	z-index: 10;
	width: 457px;
	height:6px;
	list-style-type: none;
	margin: 0px;
	margin-left: 6px;
	padding-left: 5px;
	padding-left: 17px;
	padding-bottom: 23px;
	border-bottom: 1px solid #D5D5D5;
	border-left : 1px solid #CAC8C8\9;
	font: bold 12px verdana, arial;
	background-color: #F6F6F6;
	-moz-border-radius:3px 3px 0px 0px;
	-webkit-border-radius:3px 3px 0px 0px;
	border-radius:3px 3px 0px 0px;
	margin-left: 5px\9;
}
ul.faceTab li {
	float:left;
	height:29px;
	background-color:#F6F8FB;
	margin:0px;
}
ul.faceTab a:link, ul.faceTab a:visited {
	display:block;						/* 块元素 */
	color:#6B6B6B;
	line-height:21px;
	font-family:Helvetica, Arial, '宋体', sans-serif;
	font-size:12px;
	font-weight: normal;
	text-decoration:none;
	padding:5px 10px 3px 10px;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
}
ul.faceTab a.chooseFaceTab {
	/*background:url("../images/button_chat1832d7.png") no-repeat -109px -1046px;*/
		background-color:#FFF;
	border-left:1px solid #D5D5D5;
	border-right:1px solid #D5D5D5;
	border-bottom: 1px solid #FFF;
	border-top: none;
}
/*face expression*/
	.faceWrap .faceBox .borderRight {
	border-right:none;
}
.faceWrap .faceBox .borderBottom {
	border-bottom:none;
}
.faceWrap .faceWrapFooter .changePointPannel {
	width:36px;
	height:12px;
	margin:20px auto 0px;
}
.faceWrap .point1 a, .faceWrap .point2 a, .faceWrap .point3 a {
	cursor: pointer;
	display: block;
	float:left;
	height:10px;
	width:10px;
	background:url("../images/button_chat1832d7.png") no-repeat -13px -1108px;
}
.faceWrap .point1 a:hover, .faceWrap .point2 a:hover, .faceWrap .point3 a:hover {
	background-position:-1px -1108px;
}
/*post local face*/
	.faceWrap .postLocalFace {
	float:right;
	margin:4px 0px -7px;
	height:24px;
}
.faceWrap .postLocalFace .postLocalFaceMiddle {
	height:20px;
	width:120px;
	background-color:#E9EDF2;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	border-top:1px solid #DAE0E5;
	border-bottom:1px solid #fff;
}
.faceWrap .postLocalFace .postLocalFaceMiddle a {
	height:20px;
	line-height:20px;
	text-shadow:none;
	overflow: hidden;
}
.faceWrap .postLocalFace a {
	color:#8F969E;
	width:120px;
	float:left;
}
.faceWrap .postLocalFace a:hover {
	background:none;
	text-decoration: underline;
}
.faceWrap .postLocalFace .postLocalFaceMiddle .faceHook {
	height:0px;
	width:0px;
	border-style:solid;
	border-width:5px;
	border-color:#E9EDF2 #E9EDF2 #8B9096;
	float:left;
	margin:3px 9px 0px;
}
.bottle_mail .fast_rly .faceWrap {
	bottom: 94px;
	left: 15px;
}
.replyContainer .faceWrap, .replyContainer .touchWrap, .replyContainer .sendImgWrap, .replyContainer .trueBottleWrap, .penfriendWrap, .close_interact_wrap {
	top: 14px;
	bottom: auto;
	left: 68px;
}
.bottle_send .sendImgWrap {
	bottom: -2px;
	left: 20px;
	width: 406px;
}
.uploaded .selectPicPanel {
	display: none;
}
.faceBox {
	position: relative;
	clear: both;
	width: 435px;
	overflow: hidden;
	background: url("../images/preview/qqSmilies17ced3.png") no-repeat;
	cursor: pointer;
}
.faceBox a {
	display: block;
	float: left;
	width: 28px;
	height: 28px;
	border-right: 1px solid #DFE6F6;
	border-bottom: 1px solid #DFE6F6
}
.facePreview {
	clear: both;
	position: absolute;
	top: 0;
	right: 1px;
	width: 53px;
	height: 53px;
	padding: 1px;
	text-align: center;
	border: 1px solid #DFE6F6;
	background: #008AFF;
}
.facePreview div {
	padding-top: 6px;
	border: 1px solid #E5F3FF;
	background: #fff;
}
.facePreview p {
	display: block!important;
	height: 28px;
	overflow: hidden;
}
.facePreview .faceName {
	height: 17px;
	color: #999;
	line-height: 19px;
	background: #F1F1F1;
}
.facePreviewLeft {
	left: 0;
}
.chatPanel .dragUploaderPanel {
	margin: -189px 0 0;
}
.chatPanel .dragUploaderPanel .close {
	position: absolute;
	right: 5px;
	font-size: 14px;
}
.chatPanel .dragUploaderPanel div {
	line-height: 170px;
	text-align: center;
	width: 100%;
	height: 135px;
	color: #536e82;
	text-shadow: 0 1px 0 #CFCFCF;
	background: url(../images/illustration_chat17ced3.png) 0px -407px no-repeat;
}
.chatPanel .dragUploaderPanel .dragUploaderIcon {
	position: absolute;
	left: 180px;
	top: -108px;
	display: block;
	width: 108px;
	height: 108px;
	background: url(../images/illustration_chat17ced3.png) no-repeat scroll 0 -170px transparent;
}
/*功能图标*/
.chatPanel .inputArea {
	padding: 8px 10px 0 5px;
	height: 43px;
}
.chatPanel .inputArea .attach {
	float: left;
}
.chatPanel .inputArea .attach a.func {
	display: block;
	width: 34px;
	height: 34px;
	margin-right: 2px;
	float: left;
	background: url(../images/preview/button_chat1832d7.png) no-repeat 0 0;
	text-decoration: none;
}
.chatPanel .inputArea .attach a.expression:link, .chatPanel .inputArea .attach a.expression:visited {
	background-position: 3px -1px;
}
.chatPanel .inputArea .attach a.expression:hover {
	background-position: -29px -1px;
	border: none\9;
}
.chatPanel .inputArea .attach a.expression:active {
	background-position: -61px -1px;
}
.chatPanel .inputArea .attach a.sendVoice:link, .chatPanel .inputArea .attach a.sendVoice:visited {
	background-position: -1px -66px;
}
.chatPanel .inputArea .attach a.sendVoice:hover {
	background-position: -33px -66px;
}
.chatPanel .inputArea .attach a.sendVoice:active {
	background-position: -65px -66px;
}
.chatPanel .inputArea .attach a.photoActive:link, .chatPanel .inputArea .attach a.photoActive:visited {
	background-position: -4px -34px;
}
.chatPanel .inputArea .attach a.photoActive:hover {
	background-position: -32px -34px;
	cursor: pointer;
}
.chatPanel .inputArea .attach a.photoActive:active {
	background-position: -64px -34px;
}
.chatPanel .inputArea .attach a.screensnap:link, .chatPanel .inputArea .attach a.screensnap:visited {
	background-position: -1px -98px;
}
.chatPanel .inputArea .attach a.screensnap:hover {
	background-position: -32px -98px;
}
.chatPanel .inputArea .attach a.screensnap:active {
	background-position: -62px -98px;
}
.chatPanel .inputArea .attach a.file:link, .chatPanel .inputArea .attach a.file:visited {
	background-position: 0px -34px;
}
.chatPanel .inputArea .attach a.file:hover {
	background-position: -31px -34px;
}
.chatPanel .inputArea .attach a.file:active {
	background-position: -64px -34px;
}
.chatPanel .chatInput {
	float: left;
	width: 310px;
	width: 310px\9;
	height: 20px;
	margin: 0 10px 0 10px;
	padding: 7px 10px 2px;
	outline: none;
	box-shadow: 1px 1px 2px #bbb inset;
	background: #EEE;
	background: #fafafa\9;
	border-radius: 2px;
	border: none;
	border-bottom: 1px solid #fff;
	border: 1px solid #ccc\9;
	font: 14px/1.5 Helvetica, "微软雅黑", "黑体", Arial, Tahoma;
	line-height: 1.2em;
	resize: none;
}
.chatPanel .chatInput:focus {
	background: #fff;
}
.chatPanel .chatOperator {
	position: relative;
	text-align: left;
	border-top: 1px solid #808384;
	border-bottom: 1px solid #ddd;
	background-color: #EAECEE;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F9FA), to(#DADDDF));
	background: -moz-linear-gradient(top, #F8F9FA, #DADDDF);
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	color: #383e45;
	height: 55px;
}
a.chatSend {
	display: block;
	float: right;
	height: 28px;
	width: 80px;
	margin: 0px 1px 1px 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border: 1px solid #29447E;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0 1px 3px #D9D9D9;
	text-shadow: 0 1px 1px #444;
	background: #486CB4;
	background: -webkit-gradient(linear, left top, left bottom, from(#6078AA), to(#465C8C), color-stop(0.1, #5E76A7), color-stop(0.5, #546B9C), color-stop(0.9, #495F8F), color-stop(1.0, #465C8C));
	background-image: -moz-linear-gradient(top, #5E76A7 10%, #546B9C 50%, #495F8F 90%, #465C8C 100%);
}
a.chatSend:active {
	color: #fff;
	border: 1px solid #1B4AB2;
	box-shadow: 0 1px 3px #d3d3d3;
	text-shadow: 0 1px 1px #444;
	background: #5F78AB;
}
a.chatSend b {
	display: block;
	border-radius: 3px;
	font-size: 14px;
	line-height: 28px;
	border-top: 1px solid #7B8FB8;
	text-shadow: 0 -1px 0 #4f739f;
	text-align: center;
}
.chatPanel .chatMainPanel {
	position: absolute;
	width: 100%;
	border-radius: 2px 2px 6px 6px;
}
.chatPanel .chatOperator a.chatSend:active b {
	border-top: 1px solid #5F78AB;
}
.chatPanel .mediaFullText .mediaImg {
	height:164px;
	width:100%;
	padding:0px 0px 5px;
	margin:0px;
	margin-top:17px;
	overflow:hidden;
	position:relative;
}
.chatPanel .mediaFullText .mediaImg img {
	margin-top:17px;
	position:absolute;
}
.chatPanel .mediaFullText .mediaContent {
	padding:6px 8px 10px;
	font-size:12px;
	line-height: 1.5em;
	text-align:left;
	color:#666B6E;
}
.chatPanel .mediaFullText .mediaContentP {
	padding:12px 8px 10px;
}
.chatPanel .media .mediaFooter {
	background-color:#F0F4F8;
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
}
.chatPanel .media .mediaFooter a {
	color:#792F2E;
	font-size:14px;
	padding:0px 7px;
}
.chatPanel .media .mediaFooter .mesgIcon {
	margin:12px 3px 0px 0px;
}
.chatPanel .media .mediaHead .title {
	line-height: 1.2em;
	margin-top: 22px;
	display: block;
	max-width: 312px;
	text-align: left;
}
.chatPanel .media .mediaHead .time {
	margin:0px;
	margin-top: 21px;
	color:#82888C;
	background:none;
	width:auto;
}