/** 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 .textbox	{width:100%; height:50px; padding:5px; box-sizing:border-box; resize:vertical}

.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 .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 .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}