/** mod_comment **/

.mod_comment {}
.mod_comment .poster		{font-weight:bold}

.mod_comment .reply			{cursor:pointer; color:#06f; text-decoration:none; margin-right:5px;}
.mod_comment .reply:hover	{color:#f00}

.mod_comment .readmore		{padding:5px; background:#eee; color:#3b5998; cursor:pointer; opacity:.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; ;}
.mod_comment .readmore:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; ;}

.mod_comment .readmore .tip {float:right; font-size:12px; color:#aaa}

.mod_comment .postbox		{}
.mod_comment .postbox .textwrap	{margin-left:55px; overflow:hidden}
.mod_comment .postbox .inputwrap {
	height: 54px;
    overflow: hidden;
}
.mod_comment .postbox .inputwrap.focus {
	border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.mod_comment .postbox .inputwrap .titlebox,
.mod_comment .postbox .inputwrap .textbox {
	border: none;
	box-shadow: none;
	margin: 0px;
	transition: none;
}
.mod_comment .postbox .inputwrap .titlebox {
	padding: 0px;
}
.mod_comment .postbox .inputwrap .textbox {
	padding: 6px 0px;
}

.mod_comment .postbox .inputwrap.focus,
.mod_comment .postbox .inputwrap.has-text {
	height: initial;
}

.mod_comment .commentAttachItem { position:relative; margin-top:5px; margin-bottom:5px; border:1px solid #CCC; }
    .mod_comment .commentAttachItem .thumb{ width:80px; }
    .mod_comment .commentAttachItem .fileName{ display:inline-block; width:calc(100% - 100px); line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .mod_comment .commentAttachItem .crossBtn{ position:absolute; top:0; right:0; cursor:pointer; }

.mod_comment .commentAttachItem.imgType {}
.mod_comment .commentAttachItem.imgType .thumb{ width:auto; max-height:480px; }

.mod_comment .postbox .inputwrap.focus .titlebox,
.mod_comment .postbox .inputwrap.has-text .titlebox {
	border-bottom: 1px solid #EEE;
	font-weight: bold;
}

.mod_comment .postbox .textbox	{width:100%; min-height:50px; box-sizing:border-box; resize:vertical}
.mod_comment .postbox  .postTools    { float:left; width:calc(100% - 45px); margin-top:5px;}
    .mod_comment .postbox  .postTools  .toolItem{ padding-left: 0; }
    .mod_comment .postbox  .postTools .toolItem:not(:last-child){margin-right:5px;}

.mod_comment .textwrap.hasAttach .js-choose-attach{ display:none; }
.mod_comment .textwrap.hasImg .js-choose-img{ display:none; }

.mod_comment .postbox  .proceed	{margin-top:5px; text-align:right}
.mod_comment .postbox  .proceed .insertSeeker	{float:left; display:none; padding-left:20px; cursor:pointer; background:url(../../../../../../sys/res/icon/videopos.png) no-repeat 0 50%; color:#999}

.mod_comment.seekable  .proceed .insertSeeker,
.mod_comment .seekable .proceed .insertSeeker{display:block}
.mod_comment .insertSeeker:hover	{color:#333}

.mod_comment .postbox  .proceed .js-choose-attach    { position:relative; float:right; width:16px; height:16px; cursor:pointer; background:url(../../../../../../sys/res/icon/fileupload.png) no-repeat 0 50%; color:#999}
    .mod_comment .postbox  .proceed .js-choose-attach input{ position:absolute; top:0; right:0; width:1000%; height:100%; z-index:99; opacity:0; cursor:pointer;  }
.mod_comment .postbox  .proceed .js-choose-img    { position:relative; float:right; width:16px; height:16px; overflow:hidden; cursor:pointer; background:url(../../../../../../sys/res/icon/icons.png) no-repeat 0 -360px !important; color:#999}
    .mod_comment .postbox  .proceed .js-choose-img input{ position:absolute; top:0; right:0; width:1000%; height:100%; z-index:99; opacity:0; cursor:pointer;  }

.mod_comment .title .changeView {font-size:12px; float:right; margin:7px 10px 0 0;}

.mod_comment .lastestbox	{margin-top:10px}
.mod_comment .lastest	{padding:3px 5px; line-height:1.8; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:1px solid #ccc; border-radius:4px}
.mod_comment .lastest .item				{padding:0; margin:0; border-bottom:1px solid #efefef}
.mod_comment .lastest .item:hover		{background:#ffc}
.mod_comment .lastest .msg			{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.mod_comment .lastest .item .time 	{float:right; font-size:12px; color:#aaa}

.mod_comment .list		{padding:0; margin:0}
.mod_comment .item	{padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ddd}
.mod_comment .item:last-child {border:0}

.mod_comment .item {margin-bottom:15px}
.mod_comment .parentPost .item {padding-top:5px; margin:5px 0 0 0; border-top:1px solid #ddd; border-bottom:0}
.mod_comment .parentPost .noteImg {width:100px; display: block; background: #fff; padding: 2px; margin: 5px 5px 2px 2px; border: 1px solid #bbb; box-shadow: 0px 1px 2px #ccc; border-radius: 2px;}

.mod_comment .avatar img{float:left; padding:0 !important; border:0 !important}

.mod_comment .msgBox	{position:relative; margin-left:55px; overflow:hidden}
.mod_comment .msgBox .msg-title	{
	font-weight: bold;
    padding: 2px 0px;
    border-bottom: 1px solid #EEE;
    margin-bottom: 4px;
}
.mod_comment .post	{}

.mod_comment .postList .item {white-space: normal}

.mod_comment .meta		{font-size:12px; color:#aaa; cursor:default}
.mod_comment .meta .time	{}
.mod_comment .meta .anchor	{float:right}
.mod_comment .meta .location{margin-left:5px}

.mod_comment .postList	{margin-top:10px}
.mod_comment .postList .msgBox:hover > .msgTool {display:block}

.mod_comment .postList .child,
.mod_comment .postList .postbox {margin:5px 0 0 45px}

.mod_comment .msgTool	{position:absolute; top:0; right:0; line-height:1; display:none; cursor:pointer;}

.mod_comment .postList .postbox {padding:10px; background:#f1f1f1}

.mod_comment .ogbox {position:relative; padding:5px; border:1px solid #ccc; background:#efefef; margin:5px 0; white-space:normal}
.mod_comment .ogbox .thumb			{float:left; margin-right:10px; background:#fff}
.mod_comment .ogbox .thumb img		{max-width:150px; padding:1px; border:1px solid #999}
.mod_comment .ogbox .thumb img:hover{border:1px solid #000}

.mod_comment .ogbox .cross		{position:absolute; top:0; right:10px; display:none; cursor:pointer; font-size:20px; color:#333}
.mod_comment .ogbox:hover .cross{display:block}

.mod_comment .ogbox .msg		{overflow:hidden}
.mod_comment .ogbox .title	{font-weight:bold; font-size:1.2em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.mod_comment .ogbox .url	{color:#aaa}
.mod_comment .ogbox .note	{max-height:120px; overflow:auto}

.mod_comment .recent {}
.mod_comment .recent .item {margin-bottom:5px}
.mod_comment .recent .comment	{margin-left:40px; overflow:hidden}
.mod_comment .recent .name	{float:left; font-weight:normal}
.mod_comment .recent .msg	{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#999}

.mod_comment .recent .meta	{margin-top:3px; color:#999}


.mod_comment .relate			{line-height:1.8}
.mod_comment .relate .item  {margin:0; padding:0; border:0}
.mod_comment .relate .time	{float:right; color:#999}
.mod_comment .relate .name	{float:left; font-weight:normal; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; max-width:60px}
.mod_comment .relate .msg	{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.mod_comment .relate .note	{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}