﻿.page a { padding: 0 5px; }
.content .mainbox { float: left; width: 820px; height: auto; overflow: visible; background-color: #ffffff; min-height: 500px; }
/****中部****/
.mainbox .boxleft { width: 480px; height: auto; margin-left: 20px; float: left; display: inline; }

/*** �м���ʽ ***/
.editBlog
{
    float: left;  
    width: 480px;
    height: 140px;    
    display: inline;
    margin-top:10px;
    background: url("bd05.jpg") no-repeat;
}

.editBlog .txtMore
{
    float: left;
width: 458px;
height: 60px;
overflow: hidden;
margin-top: 23px;
border: 0;
background-color: transparent;
margin-left: 1px;
display: inline;
resize: none;
line-height: 1.75em;
padding: 10px;
}
.editBlog .txtMoresend
{
    background: url(sendnow.gif) no-repeat 50%;
}
.editBlog .txtMoreSucceed
{
    background: url(succed.png) no-repeat 50%;
}
.editBlog .filling
{
    float: left;
    width: 480px;
    margin-top: 5px;
    height: 30px;
}
.editBlog .filling .blogExpression, .editBlog .filling .dissenBtn, .editBlog .filling .blogSynchronous, .editBlog .filling .wbFace
{
    color: #A1A1A1;
    float: left;
    margin-top: 7px;
    width: auto;
    height: 16px;
    overflow: hidden;
    margin-left: 10px;
    display: inline;
    padding-left: 20px;
}
.editBlog .filling a:hover
{
    color: #368ACF;
}
.editBlog .filling .blogExpression
{
    width: auto;
    height: 16px;
    overflow: hidden;
    background: url(blog.jpg) no-repeat left -60px;
    margin-left: 0;
}
.editBlog .filling .blogExpression:hover
{
    background: url(blog.jpg) no-repeat left -76px;
    color: #368ACF;
}
.editBlog .filling .blogImage
{
    background: url(blog.jpg) no-repeat left -92px;
}
.editBlog .filling .blogImage:hover
{
    background: url(blog.jpg) no-repeat left -108px;
}
.editBlog .filling .blogVideo
{
    background: url(blog.jpg) no-repeat left -124px;
}
.editBlog .filling .blogVideo:hover
{
    background: url(blog.jpg) no-repeat left -140px;
}
.editBlog .filling .blogTopic
{
    background: url(blog.jpg) no-repeat left -156px;
}
.editBlog .filling .blogTopic:hover
{
    background: url(blog.jpg) no-repeat left -172px;
}
.editBlog .filling .blogFriend
{
    background: url(blog.jpg) no-repeat left -188px;
}
.editBlog .filling .blogFriend:hover
{
    background: url(blog.jpg) no-repeat left -204px;
}
.editBlog .filling .blogSynchronous
{
    float: right;
    margin-left: 0px;
    padding-left: 0;
    margin-right: 10px;
}
.editBlog .filling .blogSynchronous c
{
    float: left;
}
.editBlog .filling .blogSynchronous span
{
    float: left;
    background: url(blog.jpg) no-repeat left -236px;
    width: 16px;
    height: 16px;
}
.editBlog .filling .blogSynchronous .sinaHover
{
    background: url(blog.jpg) no-repeat left -220px;
}
.editBlog .filling .senBtn
{
    float: right;
    width: 70px;
    height: 30px;
    background: url(blog.jpg) no-repeat left top;
    border: 0;
    background-color: transparent;
}
.editBlog .filling .dissenBtn
{
    float: right;
width: 70px;
height: 30px;
background: url(blog.jpg) no-repeat left -30px;
border: 0;
background-color: transparent;
margin: 0px;
padding: 0px;
}

/****内容头****/
.mainbox .boxleft .whead { border-bottom: 1px solid #e6e6e6; float: left; height: 26px; margin-top: 20px; width: 100%; }
.mainbox .boxleft .whead a { display: block;font-weight: bold;height: 20px; }
.mainbox .boxleft .whead em { position: relative; width: 30px; height: 8px; background: white url(lineon.png) no-repeat -10px 0; display: block; z-index: 100; float: left; display: inline; margin-left: 9px; }
/****列表****/
.wList { float: left; display: inline; width: 100%; }
.wList .list { border-bottom: 1px solid #e6e6e6; padding: 20px 0 11px; float: left; display: inline; width: 100%; }
/****微博内容****/
.wList .list .listC { padding: 0px 0px 4px; line-height: 21px; font-size: 14px; line-height: 23px;min-height: 60px; }
.wList .list .listC .userHeadImg{width: 55px;height: 55PX;position: absolute;}
.wList .list .listC .weiboContents{float: left;margin-left: 60px;width: 410px;}
.wList .list .listC .weiboContents .userName{ font-weight:bold;}
.wList .list .listC a { color: #0082cb; }
/****转发内容****/
.wList .list .listO { background-color: #f2f2f2; border: 1px solid #d9d9d9; padding: 10px 20px 10px; margin: 5px 0 15px; border-radius: 3px; }
.wList .list .listO .wUserName { font-size: 12px; line-height: 19px; font-weight: bold; }
.wList .list .listO .conTime { color: #b1d8ed; }
.wList .list .listO .oComm { color: #b1d8ed; }


.floatPanel { position: relative; float: left; width: 400px; display: inline; z-index: 101; }
/*表情****/
.wbPhizLayer, .wbImgLayer { top: -10px; position: absolute; -moz-border-radius: 4px; -webkit-border-radius: 4px; z-index: 9999; color: #666; }
.wbPhizLayer .bg, .wbImgLayer .bg { float: left; padding: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(/Content/image/HuaTi/layer_bg.png) repeat; }
.wbPhizLayer .wbImgIcons, .wbImgLayer .wbImgIcons { width: 16px; height: 11px; top: 6px; left: 20px; background: url("/Content/image/HuaTi/layerJiao.png") no-repeat; _background: url("/Content/image/HuaTi/layerJiao.gif") no-repeat; position: relative; }
.wbPhizLayer .bg .layoutContent { float: left; background: white; border: 1px solid #C6C6C6; border-radius: 3px; width: 390px; }
.wbPhizLayer .bg .layoutContent .title { float: left; margin-left: 8px; width: 376px; height: 22px; overflow: hidden; margin-top: 6px; display: inline; }
.wbPhizLayer .bg .layoutContent .title span { float: left; width: 44px; height: 22px; background-color: #E8E8E8; color: #333333; text-align: center; line-height: 22px; }
.wbPhizLayer .bg .layoutContent .title a { float: right; background: url("/Content/image/HuaTi/wb.png") no-repeat left -122px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -122px; width: 16px; height: 16px; overflow: hidden; }
.wbPhizLayer .bg .layoutContent .title a:hover { background: url("/Content/image/HuaTi/wb.png") no-repeat left -138px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -138px; }
.layoutFace { float: left; width: 372px; height: 187px; margin-top: 10px; margin-left: 8px; display: inline; }
.layoutFace li { cursor: pointer; float: left; border: 1px solid #E8E8E8; height: 22px; width: 26px; overflow: hidden; margin: -1px 0 0 -1px; padding: 4px 2px; text-align: center; }
.layoutFace li:hover { border: 1px solid #36A400; background: #FFF9EC; position: relative; z-index: 2; }
.wbPhizLayer .bg .layoutContent .paging { float: left; width: 372px; height: 22px; margin-top: 7px; margin-left: 8px; display: inline; margin-bottom: 15px; }
.wbPhizLayer .bg .layoutContent .paging .next { float: right; width: 24px; height: 22px; background: url("/Content/image/HuaTi/wb.png") no-repeat left -154px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -154px; }
.wbPhizLayer .bg .layoutContent .paging .next:hover { background: url("/Content/image/HuaTi/wb.png") no-repeat left -176px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -176px; }
.wbPhizLayer .bg .layoutContent .paging .nextDisable { float: right; width: 24px; height: 22px; background: url("/Content/image/HuaTi/wb.png") no-repeat left -198px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -198px; }
.wbPhizLayer .bg .layoutContent .paging .previous { float: right; width: 24px; height: 22px; background: url("/Content/image/HuaTi/wb.png") no-repeat left -220px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -220px; margin-right: 5px; display: inline; }
.wbPhizLayer .bg .layoutContent .paging .previous:hover { background: url("/Content/image/HuaTi/wb.png") no-repeat left -242px; _background: url("wb.gif") no-repeat left -242px; }
.wbImgLayer { left: 50px; }
.wbPhizLayer .bg .layoutContent .paging .previousDisable { float: right; width: 24px; height: 22px; background: url("/Content/image/HuaTi/wb.png") no-repeat left -264px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -264px; margin-right: 5px; display: inline; }
.wbImgLayer .bg .layoutContent { float: left; background: white; border: 1px solid #C6C6C6; border-radius: 3px; width: 292px; height: 84px; }
.wbImgLayer .bg .layoutContent .title { float: left; margin-left: 8px; width: 276px; height: 22px; overflow: hidden; margin-top: 6px; display: inline; }
.wbImgLayer .bg .layoutContent .title a { float: right; background: url("/Content/image/HuaTi/wb.png") no-repeat left -122px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -122px; width: 16px; height: 16px; overflow: hidden; }
.wbImgLayer .bg .layoutContent .title a:hover { background: url("/Content/image/HuaTi/wb.png") no-repeat left -138px; _background: url("wb.gif") no-repeat left -138px; }
.wbImgLayer .bg .layoutContent .uploadLayout { float: left; width: 276px; height: 56px; overflow: hidden; }
.wbImgLayer .bg .layoutContent .uploadLayout .uploadImg { float: left; background: url("/Content/image/HuaTi/wb.png") no-repeat left -286px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -286px; width: 59px; height: 20px; overflow: hidden; margin-left: 99px; display: inline; }
.wbImgLayer .bg .layoutContent .uploadLayout .uploadImg:hover { background: url("/Content/image/HuaTi/wb.png") no-repeat left -306px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -306px; }
.wbImgLayer .bg .layoutContent .uploadLayout p { float: left; overflow: hidden; margin-left: 76px; display: inline; margin-top: 10px; color: #A1A1A1; }
.ajaxuploadplugin .deleteImg { float: left; display: inline; margin-left: 10px; line-height: 20px; color: #0078B6; }



.wList .list .listO:hover .wUserName { font-size: 12px; line-height: 19px; font-weight: bold; color: #0a8cd2; }
.wList .list .listO:hover .conTime { color: #6cbae4; }
.wList .list .listO:hover .comm { color: #6cbae4; }
.wList .list .listO:hover .oComm { color: #6cbae4; }
/****小箭头****/
.WB_arrow { position: absolute; margin: -18px 0 0; margin: -17px 0 0/9; width: 22px; cursor: default; }
.WB_arrow * { font-family: "SimSun"; overflow: hidden; font-size: 12px; line-height: 1.231; display: block; height: 12px; margin:0px; }
.WB_arrow .S_bg4_c { margin: -11px 0 0; }
.S_line1_c { color: #D9D9D8; }
.S_bg1_c { color: #f2f2f2; }
.S_bg4_c { color: #fafafa; }
/****微博时间和评论****/
.wList .list .conTime { display: inline; color: #0a8cd2; }
.wList .list .comm { float: right; display: inline; color: #0a8cd2; }
.wList .list .oComm { float: right; display: inline; color: #0a8cd2; }
/****评论列表****/
.commList { border: 1px solid #d9d9d9; padding: 10px 20px 10px; border-radius: 3px; line-height: 20px; margin: 10px 0 0; background-color: #fafafa; display: none; }
.commList .WB_arrow { position: relative; margin-right: -10px; float: right; }
.commList .content { overflow: hidden; margin: 0px 0px 5px; padding: 5px 4px; border-style: solid; border-width: 1px; font-size: 12px; font-family: Tahoma, 宋体; word-wrap: break-word; line-height: 18px; outline: none; height: 18px; color: #808080; vertical-align: middle; border: 1px solid #ccc; border-radius: 2px; width: 100%; resize: none; -webkit-box-shadow: 0px 1px 1px 0px #eaeaea inset; box-shadow: 0px 1px 1px 0px #eaeaea inset; display: inline; float: left; }
.commList .sendcon { background: url(/Content/image/HuaTi/commentimg.png); width: 53px; height: 20px; float: right; display: inline; }
.commList .sendcon:hover { background-position: 0px -20px; }
.wbPhizLayer { position: absolute; }
.commList .wbFace { background: url("/Content/image/HuaTi/wb.png") no-repeat scroll left -60px transparent; float: left; height: 15px; width: 16px; display: inline; }
.commList .wbFace:hover { background-position: 0px -76px; }
.commList .facePanel { position: relative; }
.commList .wbPhizLayer { left: -20px; }



.comment_list { padding: 18px 0; margin: -1px 0 0; border-top: 1px solid #d9d9d9; zoom: 1; }
.comment_list dt { float: left; display: inline; width: 30px; padding: 3px 0 0; }
.comment_list dd { margin: 0 0 0 40px; line-height: 21px; word-wrap: break-word; zoom: 1; vertical-align: text-bottom; }
.comment_list dd a { color: #0a8cd2; }
.comment_list dd .time { color: #808080; }
.comment_list dd .time .conTime { color: #808080; }
.comment_list dd .info { text-align: right; }
.comment_list dd .info a { margin: 0 5px; }
.lastContent { clear: both; line-height: 20px; _height: 30px; padding: 15px 20px 13px; font-size: 12px; margin: 10px 0 7px; border-radius: 3px; border: 1px solid #d9d9d9; zoom: 1; background-color: #f2f2f2; display: none; }
.lastContent .WB_arrow { margin: -22px 0 0 350px; }
.lastContent .WB_arrow .S_bg4_c { color: #f2f2f2; }
.lastContent .content { overflow: hidden; margin: 0px 0px 5px; padding: 5px 4px; border-style: solid; border-width: 1px; font-size: 12px; font-family: Tahoma, 宋体; word-wrap: break-word; line-height: 18px; outline: none; height: 18px; color: #808080; vertical-align: middle; border: 1px solid #ccc; border-radius: 2px; width: 100%; resize: none; -webkit-box-shadow: 0px 1px 1px 0px #eaeaea inset; box-shadow: 0px 1px 1px 0px #eaeaea inset; display: inline; float: left; }
.lastContent .wbFace { background: url("/Content/image/HuaTi/wb.png") no-repeat scroll left -60px transparent; float: left; height: 15px; width: 16px; display: inline; }

.lastContent .sendcon { background: url(/Content/image/HuaTi/commentimg.png); width: 53px; height: 20px; float: right; display: inline; }
.lastContent .sendcon:hover { background-position: 0px -20px; }
.lastContent .facePanel { position: relative; }
.lastContent .WB_arrow { margin: -22px 0 0 0px; right: -12px; float: right; position: relative; }
.uDelete { display: none; }
.noneCon { background: url(ico_warn.png) no-repeat 0 -200px; margin: 0 3px 0 0; overflow: hidden; display: inline-block; width: 16px; height: 16px; }
.W_empty { text-align: center; }
.wList .wShow { border-bottom: none; }


/**** 侧边栏样式 ****/
.boxright { width: 300px; float: left; margin-left: 20px; }
.boxright .checkIn { position: relative; float: left; width: 260px; height: 95px; margin: 0 10px; background: url("/Content/image/User/homeImg.jpg") no-repeat left top; }
.boxright .checkIn .dateTime { width: 110px; height: 25px; line-height: 25px; float: left; margin-top: 18px; color: #ffffff; margin-left: 12px; display: inline; font-size: 14px; text-align: center; }
.boxright .checkIn .dateTime .week { float: left; font-family: 黑体; width: 30px; }
.boxright .checkIn .dateTime .date { float: left; font-family: Arial; width: 30px; }
.boxright .checkIn .dateTime .time { float: right; width: 48px; font-family: Arial Unicode MS; }
.boxright .checkIn .notSign { cursor: pointer; float: left; width: 74px; height: 25px; margin-top: 18px; margin-left: 10px; overflow: hidden; display: inline; background: url("/Content/image/User/checkIn.png") no-repeat left top; _background: url("/Content/image/User/checkIn.gif") no-repeat left top; }
.boxright .checkIn .notSign:hover { background: url("/Content/image/User/checkIn.png") no-repeat left -25px; _background: url("/Content/image/User/checkIn.gif") no-repeat left -25px; }
.boxright .checkIn .checked { cursor: pointer; float: left; width: 74px; height: 24px; margin-top: 18px; margin-left: 10px; overflow: hidden; display: inline; background: url("/Content/image/User/checkIn.png") no-repeat left -50px; _background: url("/Content/image/User/checkIn.gif") no-repeat left -50px; }
.boxright .checkIn .dayNum { float: left; font-family: Arial; font-size: 14px; margin-top: 30px; margin-left: 10px; display: inline; width: 35px; text-align: center; }
.boxright .checkIn .dayNum .no { color: #666666; }
.boxright .checkIn .dayNum .yes { color: #169900; }
.boxright #wbSign { float: left; display: inline; margin-top: 20px; }

