/* public */
* { word-break: break-all; }
body { font-family: "宋体"; height: 100%; margin: 0; }
body, table, input, select, textarea { font-size: 12px; }

input, select, textarea { font-family: arial; }
a { text-decoration: none; }
img { border: 0; }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, form { margin: 0; }
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }
.Fl, .Fr { display: inline; }
.Fl { float: left; }
.Fr { float: right; }
.Fn { clear: both; }
.Tl { text-align: left; }
.Tc { text-align: center; }
.Tr { text-align: right; }
.Rw { padding-left: 110px; }

#Nav { color: #666; width: 100%; height: 27px; background: url(../img/Nav/bg.gif); border-bottom: 1px solid #999; position: fixed; _position: absolute; top: 0; z-index: 10000; }
#Nav .UI { height: 19px; background: url(../img/Nav/logo.gif) no-repeat 16px 0; word-spacing: 5px; padding: 7px 0 0 126px; }
#Nav .UI a { color: #f60; }
#Nav .UI a:hover { text-decoration: underline; }
#Nav .Announce { height: 19px; background: url(../img/Nav/speaker.gif) no-repeat 20px 5px; word-spacing: 5px; padding: 7px 0 0 42px; }
#Nav .Announce a { color: #666; }
#Nav .Announce a:hover { text-decoration: underline; }
#Nav .DDL { width: 108px; height: 18px; background: url(../img/Nav/ty.gif) no-repeat 0 3px; padding: 7px 0 0 11px; position: relative; cursor: pointer; }
#Nav .DDL p { width: 86px; height: 199px; background: url(../img/Nav/p.gif); padding: 11px 8px 8px 8px; position: absolute; display: none; top: 24px; left: 0; cursor: default; }
#Nav .DDL a { color: #666; height: 18px; background: url(../img/Nav/a.gif) no-repeat 5px center; display: block; border-bottom: 1px solid #fff; padding: 6px 0 0 13px; }
#Nav .DDL a:hover { background-color: #f5f5f5; }



/* layout */
.Main { padding: 28px 0 32px 0; }
.Rw { width: 780px; }
.Banner { height: 160px; padding-top: 40px; }
h1 { margin-left: 64px; }
h2 { text-align: center; }
h1 span, h2 span { font-size: 12px; font-weight: normal; display: block; margin: 6px 0 0 31px; }

.btn1, .btn2 { height: 25px; border: 0px; color: #fff; }
.btn1 { width: 64px; }
.btn2 { width: 76px; }
.btn3 { border: 1px solid #ccc; background: #eee; }
.btn64 { width: 64px; height: 25px; border: 1px solid #ccc; background: #eee; color: #000; }
.txt { border: 1px solid #aaa; padding: 4px 2px 0px 2px; }

.SubNav { width: 100%; padding: 15px 0px 10px 22px; }
.SubNav a { text-decoration: underline; }

.Form { width: 90%; margin: 24px auto; }
.Form .row { padding: 5px 0; }
.Form .Tr { width: 80px; padding-top: 4px; margin-right: 10px; }
.Form .Tr1 { width: 80px; margin-right: 10px; text-align: right; }

.Submit1 { margin: 12px 0; }
.Submit2 { margin: 16px auto; width: 240px; }
.Submit1 input, .Submit2 input { margin: 0 2px; }

.Dress { font-weight: bold; letter-spacing: 1px; margin: 58px 58px 0 0; }
.Dress a:hover { text-decoration: underline; }

.Nav { font-size: 14px; font-weight: bold; letter-spacing: 2px; word-spacing: 18px; margin: 4px 0; height: 23px; padding: 7px 0 0 24px; }
.Nav a:hover { text-decoration: underline; }

.Title { height: 25px; white-space: nowrap; font-size: 14px; font-weight: bold; border-bottom: 1px solid; }
.Title .Fl { width: 15px; height: 20px; padding: 5px 0 0 26px; }
.Title .Fr { width: 49px; height: 25px; }

.Content { border-style: solid; border-width: 1px; width: 100%; }
.Content * { position: relative; }
.Content a, .Content img { position: static; }

.Select { margin: 8px; padding-left: 8px; }
.Select a { height: 19px; display: inline-block; border-style: solid; border-width: 1px; padding: 6px 12px 0 12px; }

.Photos { width: 568px; margin: 0 0 8px 16px; }
.Photos .Fl { width: 132px; height: 168px; overflow: hidden; margin: 5px; }
.Photos table { width: 132px; height: 148px; text-align: center; _display: inline; padding: 0 0 2px 0; border-style: solid; border-width: 1px; }
.Photos td { padding: 0; vertical-align: middle; text-align: center; }
.Photos td .text { width: 125px; margin: 0px auto; overflow: hidden; white-space: nowrap; }
.Photos table a:hover, .Comments p a:hover { text-decoration: underline; }
.Photos .Page { padding: 16px 0; }

.Album table { border: 0; background-image: url(../img/AlbumBg.gif); background-color: transparent; }
.Album span { display: block; margin-top: 4px; color: #666; }
.AlbumBg { width: 132px; height: 148px; overflow: hidden; margin: 5px auto; text-align: center; border: 0; background-image: url(../img/AlbumBg.gif); }

.Video td img { width: 120px; height: 90px; }

.Comments { width: 176px; margin: 8px 8px 8px 0; border-style: solid; border-width: 1px; overflow: hidden; }
.Comments div { font-weight: bold; line-height: 25px; height: 23px; margin: 2px; padding-left: 9px; overflow: hidden; }
.Comments .list span { display: block; height: 21px; overflow: hidden; }
.Comments .list span .Fl { width: 140px; overflow: hidden; }
.Comments p { padding: 2px 8px 3px 8px; line-height: 19px; color: #666; }
.Comments p img { display: block; margin: 0 auto; }
.Comments a { color: #333; }

.Page { text-align: center; font-size: 6px; }
.Page a:hover { border-style: solid; border-width: 1px; }
.Page span { cursor: default; }
.Page div { display: inline; padding: 0 1px; }
.Page a, .Page span { border-style: solid; border-width: 1px; font: 12px/19px Arial; height: 19px; vertical-align: text-top; display: inline- block; padding: 0 13px; }
.Page div a, .Page div span { padding: 0 5px; }
.Page div span { border-style: solid; border-width: 1px; }
.Page a:hover disabled { text-decoration: none; }

#Ps { margin: 24px 48px 12px 48px; text-align: center; }
#Ps .a { width: 64px; height: 20px; font-weight: bold; text-align: center; display: inline-block; margin: 0 4px; padding-top: 5px; }
#Ps .ipt { width: 76px; margin-right: 160px; }
#Ps img { display: block; margin: 8px auto 20px auto; }
#Ps div { margin: 8px auto 20px auto; }

.Des { margin-bottom: 20px; }
.Des h4 { text-align: center; }
.Des .top { font-family: Arial; width: 600px; margin: 9px auto 0 auto; }
.Des .top .span { width: 293px; display: inline-block; line-height: 20px; }
.Des .top .p { margin-top: 3px; }
.Des .left { border-right: 1px solid; margin-right: 10px; }
.DashedTextBox { border: 1px dashed; width: 480px; height: 16px; cursor: default; }

.List { width: 570px; margin: 0 0 10px 10px; }
.List ol { line-height: 25px; list-style: none; margin: 0px; padding: 0px; width: 100%; position: static; }
.List ol li { padding: 0px 6px; }
.List ol li .iconblog { background-image: url(../img/Icon/li1.gif); background-repeat: no-repeat; background-position: 0 6px; padding-left: 12px; }
.List .Page { padding: 16px 0; }

.li1 { background-image: url(../img/Icon/li1.gif); }
.li2 { background-image: url(../img/Icon/li2.gif); }
.li3 { background-image: url(../img/Icon/li3.gif); }

.Diary { width: 568px; margin: 0 0 8px 16px; }
.Diary .tit { margin: 12px 4px 24px 4px; }
.Diary .tit a { padding: 2px 0 2px 18px; background-repeat: no-repeat; }
.Diary .body { width: 540px; font-size: 13px; line-height: 120%; margin: 15px 12px; border-top: 1px dashed; padding: 10px 0px; overflow: hidden; }
.Diary .body * { line-height: 120%; }
.Diary .body a { text-decoration: underline; }
.Diary a:hover { text-decoration: underline; }

.icon1 { background: url(../img/Icon/1.gif); }
.icon2 { background: url(../img/Icon/2.gif); }
.icon3 { background: url(../img/Icon/3.gif); }
.icon4 { background: url(../img/Icon/4.gif); }
.icon5 { background: url(../img/Icon/5.gif); }
.Icon a { padding-left: 13px; background-repeat: no-repeat; background-position: 0 1px; }

.Mood { font-family: Arial; width: 550px; margin: 12px 16px 8px 24px; }
.Mood .list { margin: 4px 0; border-bottom: 1px solid; padding: 5px 0; }
.Mood .list img { width: 60px; height: 60px; float: left; margin: 3px 9px 0 0; }
.Mood .list p { font-size: 13px; margin: 3px 0; }
.Mood .list span { font-size: 12px; }
.Mood .list a { margin-left: 9px; }
.Mood .list a:hover { text-decoration: underline; }

.Mood .Bg { vertical-align: top; background: url(../img/HotspotFl.gif) no-repeat; height: 45px; width: 309px; display: inline-block; }
.Mood .TextBox { color: #666; margin: 8px 6px 6px 15px; padding: 3px; width: 273px; height: 27px; border: 0; outline: none; overflow: hidden; }
.Mood .Button { background: url(../img/HotspotFr.gif); margin: 5px 0 0 9px; border: 0; height: 40px; width: 60px; color: #fff; font-weight: bold; font-size: 14px; }

.Message { font-family: Arial; margin: 10px 20px; }
.Message .table { margin-top: 6px; border-style: solid; border-width: 1px; border-collapse: collapse; }
.Message .left { width: 90px; text-align: center; padding: 5px 0; border-right: 1px solid; vertical-align: top; }
.Message .right { padding: 9px; line-height: 19px; }
.Message .left img { width: 60px; height: 60px; margin: 5px auto; display: block; }
.Message .tit { height: 23px; overflow: hidden; border-bottom: 1px solid; padding: 0 5px; line-height: 14px; }
.Message .Tr a { background: no-repeat; padding: 1px 0px 1px 17px; text-decoration: underline; margin: 0px 5px; }
.Message .Tr .a1 { background-image: url(../img/images1.gif); }
.Message .Tr .a2 { background-image: url(../img/images2.gif); }
.Message .Tr .a3 { background-image: url(../img/images3.gif); }
.Message .Page { padding: 20px 0px 8px 0px; }

.Setup { font-family: Arial; width: 580px; margin: 8px 0px 8px 0px; }
.Items a { width: 126px; height: 113px; margin: 4px; text-align: center; border-style: solid; border-width: 1px; padding: 5px 2px 2px 2px; display: inline-block; }
.Items a:hover { border: solid 3px #f96; padding: 3px 0px 0px 0px; }
.Items a img { width: 120px; height: 90px; margin: 0px auto 6px auto; display: block; }
.Items a { border-color: #ccc; color: #666; background: #fff; }
.Items .Selected { border: solid 3px #f96; padding: 3px 0px 0px 0px; }

.Items1 a { width: 66px; height: 73px; overflow: hidden; white-space: nowrap; margin: 3px; text-align: center; border-style: solid; border-width: 1px; padding: 5px 2px 2px 2px; display: inline-block; }
.Items1 a:hover { border: solid 3px #f96; padding: 3px 0px 0px 0px; }
.Items1 a img { width: 60px; height: 50px; margin: 0px auto 6px auto; display: block; }
.Items1 a { border-color: #ccc; color: #666; background: #fff; }
.Items1 .Selected { border: solid 3px #f96; padding: 3px 0px 0px 0px; }

.LeftStyle { margin: 12px 0px 0px 12px; }

.OrangeRed { color: OrangeRed; }
.ColorRed { color: #ff0000; }
.Gray { color: Gray; }

.Des .top a:hover { color: #060; }

.Page div span { color: #fff; }

.Mood { color: #000; }
.Mood span { color: #666; }

.Message .Tr a { color: #666; }

.Comments, .Photos table, .Message table * { position: static; }

.DivBox1 { margin: 4px 20px; }
.DivBox1 .btm { margin: 8px 4px; font-weight: bold; }
.DivBox1 .btm a { text-decoration: underline; }
.DivBox2 { border: 0; border-bottom: 1px dashed; padding: 12px 8px; }
.DivBox2 h2 { text-align: left; }
.DivBox2 h2 span { margin: 4px 2px; }
.DivBox2 .body { font-size: 13px; line-height: 19px; margin: 3px 0; }
.DivBox2 .Tr a { text-decoration: underline; }
.DivBox2 .Tr a:hover { text-decoration: none; }

.iconEdit { background-image: url(../images/icon_Edit.gif); background-repeat: no-repeat; padding-left: 14px; }
.iconDelete { background-image: url(../images/icon_Delete.gif); background-repeat: no-repeat; padding-left: 14px; }
.icon_Upload { background-image: url(../images/icon_Upload.gif); background-repeat: no-repeat; padding-left: 12px; }



/* plugin */
/*首页模块控制按钮*/
.modbox { width: 100%; margin: 0px 0px 5px 0px; overflow: hidden; }
.col { vertical-align: top; height: 100px; }
.modboxin { width: 100%; overflow: hidden; }
a.delbox, a.minbox, a.maxbox { float: right; margin-top: 2px; margin-left: 3px; width: 16px; height: 14px; overflow: hidden; }
a.delbox { background: url(/images/module/delboxpic.gif) no-repeat top center; }
a.minbox { background: url(/images/module/minboxpic.gif) no-repeat top center; }
a.maxbox { background: url(/images/module/maxboxpic.gif) no-repeat top center; }
a.delbox:hover { background: url(/images/module/delboxpic2.gif) no-repeat top center; }
a.minbox:hover { background: url(/images/module/minboxpic2.gif) no-repeat top center; }
a.maxbox:hover { background: url(/images/module/maxboxpic2.gif) no-repeat top center; }

/*首页好友*/
.Friend { margin: 4px 0px 4px 6px; }
.Friend div { color: #9ea4a7; display: inline; float: left; width: 53px; margin: 4px auto; text-align: center; background: url(bg/Face2.gif) no-repeat center 0; line-height: 17px; }
.Friend img { width: 48px; height: 48px; display: block; margin: 3px auto; }
.Friend span { color: #004d73; display: block; height: 17px; overflow: hidden; }
.Friend span a { color: #004d73; }

/*形象秀修改-照片列表*/
.Photos1 { width: 100%; margin: 4px auto; }
.Photos1 .Fl { width: 124px; height: 124px; overflow: hidden; margin: 5px; }
.Photos1 table { width: 100%; height: 100%; text-align: center; _display: inline; padding: 0px; border-style: solid; border-width: 1px; }
.Photos1 td { padding: 0; vertical-align: middle; text-align: center; }
.Photos1 table a:hover { text-decoration: underline; }

/*首页视频*/
.Video1 { width: 100%; margin: 4px auto; }
.Video1 .Fl { width: 120px; height: 120px; overflow: hidden; margin: 5px; }
.Video1 table { width: 100%; height: 100%; text-align: center; _display: inline; padding: 0px; }
.Video1 td { padding: 0; vertical-align: middle; text-align: center; }
.Video1 table a:hover { text-decoration: underline; }

/*照片标题、描述编辑*/
.editme { background-color: Transparent; }
.inplace_field { border: solid 1px #7f9db9; }
.inplace_save { border: solid 1px #7f9db9; background-color: White; height: 19px; margin-left: 4px; }
.inplace_cancel { border: solid 1px #7f9db9; background-color: White; height: 19px; margin-left: 4px; }
.inplace_edit { margin-left: 10px; }
a.inplace_edit { font-weight: bold; text-decoration: none; }
a:hover.inplace_edit { font-weight: bold; text-decoration: underline; }

/*相册、视频专辑列表的操作按钮*/
.action { margin-top: 4px; color: #666; display: none; }
.selectedItem { background-color: White; }

.Friends { width: 568px; margin: 0 0 8px 16px; }
.FriendInfo { float: left; width: 282px; height: 95px; margin-top: 8px; }
.FriendInfo .Avatar { width: 100px; }
.FriendInfo .Avatar img { width: 90px; height: 90px; }
.FriendInfo .DetailInfo { width: 180px; line-height: 140%; }

.FriendInfo2 { width: 564px; height: 95px; margin-top: 8px; }
.FriendInfo2 .Avatar { width: 100px; }
.FriendInfo2 .Avatar img { width: 90px; height: 90px; }
.FriendInfo2 .DetailInfo { width: 460px; line-height: 140%; }


.Feed { width: 568px; margin: 0 0 28px 16px; }
.Feed dl { height: 18px; margin: 9px 9px 7px 9px; }
.Feed dt, .Hotspot dd { display: inline; }
.Feed dt { float: left; font-weight: bold; }
.Feed dd { float: right; }
.Feed h5 { color: #2c629e; margin: 6px 0; }
.Feed .list { margin-bottom: 15px; padding: 16px 16px 0 16px; border-top: 1px dashed; border-bottom: 0; }
.Feed .list .feedTitle { margin-bottom: 10px; }
.Feed .list .feedTitle .img { vertical-align: middle; width: 16px; height: 16px; }
.Feed .list .feedTitle span { color: #999; }
.Feed .list .feedTitle a { font-weight: bold; }
.Feed .list .feedBody { line-height: 150%; }


.SubMenu { background-image: none; }
.SubMenu ul li { display: inline; }
.SubMenu .selected a { background-color: Transparent; }

.Thumbnails { max-width: 120px; max-height: 120px; }
.btn_play { background: url(../images/btn_play.png) no-repeat scroll 0 0 transparent; cursor: pointer; display: block; font-size: 0; width: 40px; height: 41px; line-height: 94px; margin: -100px 0 0 45px; overflow: hidden; }
.btn_play a { display: block; width: 40px; height: 41px; }

/* msgbox */
.tip_layer, .tip_layer .tl_ico_succ, .tip_layer .tl_ico_fail, .tip_layer .tl_ico_hits, .tip_layer .tl_ico_clear, .tip_layer .tl_end { float: left; height: 54px; line-height: 54px; font-weight: bold; font-size: 14px; color: #606060; background-image: url(../img/tip_layer.png); _background-image: url(../img/tip_layer_ie6.png); background-repeat: no-repeat; }
.tip_layer { background-position: 0 -161px; background-repeat: repeat-x; left: 45%; position: absolute; top: 50%; padding: 0 18px 0 9px; }
.tip_layer .tl_ico_succ { background-position: -6px 0; left: -45px; top: 0; width: 45px; position: absolute; }
.tip_layer .tl_end { background-position: 0 0; position: absolute; right: -6px; top: 0; width: 6px; }
.tip_layer .tl_ico_fail { background-position: -6px -108px; position: absolute; left: -45px; top: 0; width: 45px; }
.tip_layer .tl_ico_hits { background-position: -6px -54px; position: absolute; left: -45px; top: 0; width: 45px; }
.tip_layer .tl_ico_clear { background-position: -6px 0; left: -5px; width: 5px; position: absolute; top: 0; }
.tip_layer img { float: left; margin: 19px 10px 0 5px; }