﻿/**************Header**************/
.sub .header{height:140px;}
	.header .subMenu{position:absolute; top:60px; width:100%; height:80px; background:url(http://img.chinayescache.com/sys/photoalbum/img/nav_1.png) bottom no-repeat;}
	.navi{padding-left:25px;}
	.navi li {float:left; padding:0 0; height:35px; font-size:14px; font-weight:bold;}
	.navi li a{display: inline-block;color:#feebf2; padding:16px 0 5px 0;text-decoration:none; width:85px; text-align:center;}
	.navi li.my a{width:125px;}
		.navi li a:-moz-any-link{padding:12px 0 10px 0;/*HACK For FireFox 3+ 雅黑问题*/}
	.navi li a:hover,.navi li.on a{color:#ffffff; background:none;}
	.subNavi {clear:both;}
		.model .subNavi{ padding:0 0 0 110px;}
		.show .subNavi{ padding:0 0 0 218px;}
		.member .subNavi{ padding:0 0 0 274px;}
		.my .subNavi{ padding:0 0 0 392px;}
		.mag .subNavi{ padding:0 0 0 385px;}
	.subNavi li{float:left;}
	.subNavi li a ,.subNavi li.bg span{display: inline-block; padding:17px 20px 0; height:28px; color:#ffffff; text-decoration:none;}
	.subNavi li a:hover,.subMenu li a.on:hover, .subMenu li a.on {background:url(http://img.chinayescache.com/sys/photoalbum/img/bg_elements_over.gif) no-repeat left -33px;}
	.subNavi li.bg a,.subNavi li.bg span { background:url(http://img.chinayescache.com/sys/photoalbum/img/bg_elements.gif) no-repeat center -33px;}
	.subNavi li.bg a:hover,.subMenu li.bg a.on { background:url(http://img.chinayescache.com/sys/photoalbum/img/bg_elements_over.gif) no-repeat center -33px;}
		.hotLink{position:absolute; right:0px; height:22px; top:18px;background:url(http://img.chinayescache.com/sys/photoalbum/img/icon.gif) 0 -357px; padding-left:35px; overflow:hidden; width:160px;}
		.hotLink a{color:#ffffff; display:block; width:150px; margin-left:35px; overflow:hidden;}

.mag .headerLogin .subNavi { padding:0 0 0 514px;}
/**************Layout**************/
.sub .stage{padding-bottom:15px;}
.sub .content{background:#fff; border:1px solid #dadada; padding:0 10px; width:580px; margin-left:10px; display:inline;}
.sub .photoPage{padding-bottom:20px;}
.sub .content .col{padding:10px 0; float:left; width:100%;}
.sub .content .title{height:40px; line-height:40px;  padding:0 10px; background:#f9f9f9;}
.sub .content .steps{ margin:20px 0 0 0; text-align:center; color:#666; background:none;}
.sub .content .steps span{padding:0 20px;}
.sub .content .searchTagTitle{height:31px; padding:9px 10px 0 10px; line-height:22px;}
.sub .content .searchTagTitle .inputButton{margin:-1px 0 0 0;}
	.sub .contentAll{width:920px;}
	.sub .logoTitle{ padding:15px 0; text-align:center; background:#f9f9f9;}
	.sub .description{padding:5px 10px;background:#f9f9f9;}
	.sub .description p{padding:5px 5px 0 5px; line-height:20px;}
	.sub .description p.text{background:url(http://img.chinayescache.com/sys/photoalbum/img/hr_2.gif) bottom repeat-x;color:#212121; padding:10px 5px; font-size:14px;}
	.sub .description .like{float:right;}
	.sub .title .text{padding:2px 0; width:180px; margin:0 5px 0 10px;}

.subBar{ clear:both;}
.subBar .suBcol{padding:0 0 10px 10px; width:310px;}
.subBar h2{line-height:38px; padding-top:15px;}
.subBar h2 a{padding-left:10px; font-weight:normal;}
.subBar h2 a.cRed{padding:0; font-weight:900; font-size:16px;}

/*左右两栏结构*/
.col_left{float:left; width:455px;padding:10px 0;}
.col_right{float:right; width:455px;padding:10px 0;}

/**************Block**************/
.sidebar .user{background:#fffbcc; border:1px solid #e6db55; padding:17px 10px 10px 10px;}
h4.title_ga{font-size:14px; padding-bottom:10px;}
h4.title_ga .edit{float:right;}
.sub .sidebar .user{margin:0 10px 0 0;}


.sub .sidebar .user .userInfo{padding:10px 0;
margin-top:10px;
background: url(http://img.chinayescache.com/sys/photoalbum/img/hr_2.gif) repeat-x  top;
}
.sub .sidebar .user span{display:block; padding:9px 0 0 5px;}
.sub .sidebar .user .userInfo a{padding:0 8px;}
.sub .sidebar .user a img{border:1px solid #fff; margin-top:-7px;}
.sub .sidebar .user h3{padding:0 0 0 5px; font-family:Arial,"宋体";}

/*留言*/
.subBar .trendList .info{width:60px; overflow:hidden;}
.subBar .trendList .text{width:243px;}
.subBar .bbsList .text h3{ color:#212121;}
.subBar .bbsList .text .txt{padding-bottom:10px;}
.subBar .bbsList .text h3{ color:#212121;}
.subBar .bbsList .text .txt{padding-bottom:10px;}

.sideFriend{}
.sideFriend ul li{height:95px; width:60px; float:left; padding:0 15px;}
.sideFriend ul li p{display:block; padding:5px 0;clear:both;text-align:center;}


/*标签*/
.tagSearch .text{width:150px; padding:3px 3px 3px;}
.tagSearch .inputButton{margin:-1px 0 0 5px; position:absolute;}

/*标题*/
.conTitle{height:50px; clear:both;}
.conTitle h1{font-size:26px; float:left; padding:8px 0 0 8px;+padding:12px 0 0 8px;}
.conTitle p{float:left; padding:16px 0 0 20px; }


/*列表*/
.sub .content .picList li{float:left; width:141px; padding:0 0 20px 4px;}
.sub .content .picList li .name{font-size:14px; /*font-weight:bold;*/}
	.sub .content .picList li .name .info{font-size:12px; font-weight: normal; float:right; padding-right:10px;}
	.sub .content .picList{padding:15px 0 10px 0;}
	.sub .content .list_155x155x3 li{width:173px; padding:0 5px 20px 15px;text-align:left;}
		.sub .content .list_155x155x3 li .desc,.sub .content .list_155x155x5 li .desc{display:block; padding:3px 5px;font-size:14px;}	
		.sub .content .list_155x155x3 li .item,.sub .content .list_155x155x5 li .item{display:block; padding:3px 5px;padding-top:15px;color:#212121;}
		.sub .content .list_155x155x3 li .date,.sub .content .list_155x155x5 li .date{display:block; padding:3px 5px;color:#212121;}
		
.sub .content .list_155x155x5 li {
padding:0 5px 20px 13px;
text-align:left;
width:165px;
}
.sub .content .list_125x125x6 li {
padding:0 2px 20px 15px;
text-align:left;
width:133px;
}
.sub .content .list_180x180x4 li{width:190px; padding:0 21px 20px 18px;text-align:left;}
	.sub .content .list_180x180x4 li .desc{display:block; padding:3px 5px;font-size:14px;}	
	.sub .content .list_180x180x4 li .item{display:block; padding:3px 5px;padding-top:15px;color:#212121;}
	.sub .content .list_180x180x4 li .date{display:block; padding:3px 5px;color:#212121;}
	
	.sub .content .list_100x100x4 li{width:110px; padding:0 10px 15px 20px;_padding:0 10px 15px 15px;}
	.sub .content .list_100x100x7 li{width:110px; padding:0 10px 15px 10px;_padding:0 5px 15px 5px;}
	/*横行排版*/
	.sub .content .list_across_100x100x3{}
		.sub .content .list_across_100x100x3 li{float:left; width:260px; padding:20px 20px 20px 22px;background: url(http://img.chinayescache.com/sys/photoalbum/img/hr_1.gif) repeat-x  bottom;}
		.sub .content .list_across_100x100x3 li span{display:block; padding:0;}
		.sub .content .list_across_100x100x3 li .name{color:#212121; padding:5px 0;}
		.sub .content .list_across_100x100x3 li .text{padding:15px 0 0 0;}
		.sub .content .list_across_100x100x3 li .right{width:140px; float:right; text-align:left;}

	.sub .content .list_across_100x100x1{}
		.sub .content .list_across_100x100x1 li{padding:20px 10px 20px 60px; position:relative; width:365px;background: url(http://img.chinayescache.com/sys/photoalbum/img/hr_1.gif) repeat-x  bottom;}
		.sub .content .list_across_100x100x1 li strong{position:absolute; left:20px; top:25px; font-size:18px; color:#dd1f66; font-family:Arial;}
		.sub .content .list_across_100x100x1 li span{display:block; padding:0;}
		.sub .content .list_across_100x100x1 li .name{color:#212121; padding:5px 0;}
		.sub .content .list_across_100x100x1 li .text{padding:15px 0 0 0;color:#666;font-size:14px;}
		.sub .content .list_across_100x100x1 li .right{width:240px; float:right; text-align:left;}


	.sub .content .list_125x125x5 li{width:150px; padding:0 0 20px 30px;}
	.sub .content .list_180x215x4 li{width:180px; padding:10px 30px 30px 20px;}
	.sub .content .rankList li{position:relative;}
	.sub .content .rankList li .on{position:absolute; font-family:Arial; bottom:16px; right:20px; font-size:11px;}
	.sub .content .rankList li .on em{font-size:32px;}
	.sub .sidebar .subBar .attentionList li{ float:left; text-align:center; padding:0 14px 10px 14px;}
	.sub .sidebar .subBar .attentionList li p.name{ line-height:22px; clear:both; color:#212121;}

/*日记列表*/	
.diaryInfo{padding:10px 0;}
.diaryInfo li{padding:3px 15px;}
.diaryList li{padding:15px 10px 5px 5px; background:url(http://img.chinayescache.com/sys/photoalbum/img/hr_2.gif) bottom repeat-x; float:left;}
.diaryList li h3,.diaryDetails h3{font-size:14px; padding:5px;}
.diaryList li .date,.diaryDetails .date{color:#ccc; padding:0 5px 5px 5px;}
.diaryList li .date span,.diaryDetails .date span{padding-right:20px;}
.diaryList li .text{padding:5px; line-height:20px; float:left; width:550px;}
.diaryList li img{float:right; padding:0 0 10px 5px;}
.diaryDetails{padding:5px 10px 5px 5px; background:url(http://img.chinayescache.com/sys/photoalbum/img/hr_2.gif) bottom repeat-x;}
.diaryDetails img{display:block; margin:5px 0;}
.diaryDetails .text{padding:5px; line-height:20px;}
.diaryDetails p.post_up{padding:15px 0 50x 0;text-align:right;}.diaryDetails p.post_up span{padding-right:8px;}
.diaryDetails .date span{padding-right:15px;}
.diaryDetails .edit{text-align:right; padding:10px 0;}
/*翻页*/
.pagebar{margin:0 0 10px 0;height:40px; background:#f9f9f9; clear:both;}
.pagebar p{padding:9px 20px 0 20px; text-align:center;}
.pagebar a,.pagebar span{background:#e1e1e1; color:#212121; margin:0 2px; height:20px; line-height:20px; padding:2px 9px; display: inline-block;}
.pagebar span{background:none;}
.pagebar a:hover,.pagebar span.thisPage {background:#2261AE; color:#fff;}
.pagebar span.thisPage{font-weight:900;}

/*文章列表*/
.articleList{padding:20px 0;}
.articleList td{vertical-align:top; text-align:left; width:180px; padding:0 20px 30px 20px;}
.articleList td p.text{line-height:18px; color:#212121; padding:3px 0 10px 0;}
.articleList td h3{font-size:12px; font-weight:normal;}
.articleList td h3 span{padding-left:10px; color:#ccc;}

.albumList td{width:240px; padding:0 10px 30px 10px;}
.albumList td .pic{text-align:left;}
.albumList td .info a{padding-right:10px;}
.photoList_info {padding:0 10px;}
.photoList_info p{padding:8px 0;}
.photoList_info .description {color:#212121;background:#FFF; line-height:20px; padding:0 25px 15px 0;font-size:14px;}
.photoList_info .radio{display:none;}
.photoList_info .photo_tags{color:#212121;padding:8px 0;}.photoList_info .photo_tags a{padding-right:5px;}
.photoList_info p.info input{float:right;}

/*相册详细*/
.photoNavi{position:relative; background:#f9f9f9; padding:4px 0 0 0; height:73px; text-align:center; margin:10px 0 0 0;}
.photoNavi span{margin:0 3px; padding:0;}
.photoNavi span a img{padding:5px; background:#fff; border:1px solid #d9d9d9; 
}
.photoNavi span.on a img{border:2px solid #999;padding:4px;}
.photoNavi .button{position:absolute; text-indent:-9999pt; height:35px; width:17px; overflow:hidden; background-image:url(http://img.chinayescache.com/sys/photoalbum/img/icon.gif);}
.photoNavi .prev{left:30px; top:23px;background-position:-132px 0;}
.photoNavi .prev:hover{background:url(http://img.chinayescache.com/sys/photoalbum/img/icon.gif) no-repeat -98px 0;}
.photoNavi .next{right:30px; top:23px; background-position:-149px 0;} 
.photoNavi .next:hover{background:url(http://img.chinayescache.com/sys/photoalbum/img/icon.gif) no-repeat -115px 0;}




/*
.photoNavi span{margin:0 3px; padding:0;}
.photoNavi span a img{padding:1px; background:#fff; border:1px solid #f9f9f9; 
filter: alpha(opacity=45);
-moz-opacity:0.45;
opacity:0.45;
}
.photoNavi span a:hover{background:none; padding:0 17px;}
.photoNavi span a:hover img{height:55px; width:55px; position:absolute; margin:-14px 0 0 -27px; z-index:9;}
.photoNavi span a:hover img,.photoNavi span.on a img{
filter: alpha(opacity=100);
-moz-opacity:100;
opacity:100;

.photoNavi span.on a img{border-color:#dd1f66;}
.photoNavi .button{position:absolute; text-indent:-9999pt; height:35px; width:17px; overflow:hidden; background-image:url(http://img.chinayescache.com/sys/photoalbum/img/icon.gif);}
.photoNavi .prev{left:8px; top:3px;background-position:-132px 0;}
.photoNavi .prev:hover{background:url(http://img.chinayescache.com/sys/photoalbum/img/icon.gif) no-repeat -98px 0;}
.photoNavi .next{right:8px; top:3px; background-position:-149px 0;} 
.photoNavi .next:hover{background:url(http://img.chinayescache.com/sys/photoalbum/img/icon.gif) no-repeat -115px 0;}

}*/
.photoBox{padding:10px 17px;}
.photoBox .link{text-align:right; padding:10px 0 15px 0;}
a.return{padding-left:15px; background:url(http://img.chinayescache.com/sys/photoalbum/img/icon.gif) 0 -390px;}
a.return:hover{background:url(http://img.chinayescache.com/sys/photoalbum/img/icon.gif) 0 -390px #dd1f66;}
.photoBox .info{text-align:right; padding:15px 0;}
.photoBox .info span{padding:0 0 0 15px;}
.photoBox .info #pic_info_date{float:left;}

.photoBox .info a,.sub .description .like a{padding-left:15px; background:url(http://img.chinayescache.com/sys/photoalbum/img/icon.gif) 0 -429px;}
.sub .description .like a.edit,.sub .description .like a.edit:hover{background:none; padding:0 10px; color:#dd1f66;}
.photoBox .info a:hover,.sub .description .like a:hover{background:url(http://img.chinayescache.com/sys/photoalbum/img/icon.gif) 0 -429px #dd1f66;}
.photoBox .description,.photoBox .form{padding:5px 0; line-height:20px; background:none;}
.photoBox .form p{padding:5px 0;}
.editable{background:#FFFBCC ;}


.comments{padding:0 17px 20px 17px;}
.comments h2{font-size:14px; padding:15px 0;font-family:Arial,"宋体";}
.comments .unlog{padding:20px 0 30px 0; clear:both;}
.comments .unlog a{padding:0 10px; text-decoration:underline;}

.sub .content .commentsList .trendList{width:100%; padding:0; float:left;}
.sub .content .commentsList .trendList li{float:left; width:100%; margin:5px 0; padding:3px 3px 10px 3px; text-align:left;}
.sub .content .commentsList .trendList li .text{width:467px;}
.sub .content .commentsList .trendList li .text h3{padding:5px 0 10px 0; color:#212121;}
.sub .content .commentsList .trendList li .text h3 a{padding-right:5px;}
.sub .content .commentsList .trendList li .text .txt{line-height:20px;}

.sub .content .friendsList ul{width:570px;}
.sub .content .friendsList li{width:100%; margin:5px 0; padding:7px 5px 5px 5px;}
.sub .content .friendsList li .text{width:490px; text-align:left; padding:5px 0 0 0;}
.sub .content .friendsList li .text .tt{ color:#212121;}
.sub .content .friendsList li .text p.det{padding:10px 0 0 0 ;}
.sub .content .friendsList li .text p.det a{padding-right:15px;}
.sub .content .friendsList li .info{width:60px; margin-bottom:5px;}
.sub .content .friendsList li .box{padding-bottom:10px;}
.sub .content .friendsList li .text h3{padding:8px 0 7px 0; color:#212121;}
.sub .content .friendsList li .text h3 a{padding:0 5px;}
.sub .content .friendsList li .text .txt{line-height:20px;}
.sub .content .friendsList .text .pic img{ margin-right:10px; border:1px solid #fff;}


/*表单*/
.sub .content .formBox{padding:20px 0 50px 0;}
.formBox p,.editTag{padding:10px; margin:3px 15px; color:#212121; line-height:18px; }
.formBox .portrait{margin:0 10px 0 3px; border:1px solid #fff;}
.formBox a.inputButton{margin:1px 0 0 0; position:absolute;}
.formBox p.obb{background:#FAFAFA ;}
.formBox p.nof{padding-left:100px; clear:both;}
.formBox input.text,.formBox textarea,.formBox select{padding:2px 3px; width:280px;color:#212121;}
.formBox textarea{height:120px; width:350px;}
.formBox select{width:120px; margin-right:5px;}
.formBox label.alt,.editTag label{float:left; width:80px; padding-top:2px; text-align:right; color:#212121;padding-right:10px; font-weight:bold;}
.formBox span{padding-left:10px; color:#858585;}
.formBox label.error{background:#fffbcc; padding:3px 10px; line-height:18px; border:1px solid #e6db55; position:absolute; margin:-3px 0 0 10px; color:#DD1F66; font-style:normal;}
.formBox label.error img{position:absolute; margin:7px 0 0 -7px; top:0; left:0;}

p.select span.cRed a{padding:0 5px;}

.sub .content #login{padding:20px 0 10px 0;}
.sub .content p.submit{padding:0 0 50px 100px;}
#login p a{padding-left:10px; vertical-align:middle;}
#login p{padding:3px 0;}
#login label.alt{width:105px;}
#login input.text{width:150px;}
#login p.nop{padding-left:115px;}#login p.nop input{margin-right:10px;}

.editTag{float:left; display:inline;}
.editTag .tags{ float:right; width:420px; margin-right:30px; display:inline;}

/* 选项卡 */
.tabBox{}
.tabMenu{height:40px; background:#f9f9f9; border-bottom:1px solid #eee; padding-left:5px;}
.tabMenu a{float:left; padding:0 15px; margin:15px 5px 0 5px; height:25px; line-height:25px; border:1px solid #eee; border-bottom:none; background:#eee; +margin-top:0;}
.tabMenu a:hover{color:#fff; background-color:#2261ae;}
.tabMenu .on a{font-weight:bold;background:#fff;color:#212121; margin-top:10px; position:relative; margin-bottom:-1px; cursor:default;height:30px;line-height:30px; border:1px solid #eee; border-bottom:none; }
.tabMenu .on a:hover{background:#fff; color:#212121;}
.tabBox .title_1{color:#212121; font-size:14px;}
/* 邮件列表 */
.mailList{ padding:10px 15px;}
.mailList th{color:#212121; padding:10px 5px; border-bottom:2px solid #dfdfdf;}
.mailList td{padding:10px 5px; line-height:18px; border-bottom:1px solid #eee;}
.mailList td.date{font-size:11px;}
.mailList .obb{background:#FAFAFA ;}
.mailList .check{text-align:center;}
.mailSubmit{text-align:right; padding:20px 0;}
.mailContent .description{padding:10px; height:75px;}
.mailContent .description img{border:1px solid #fff; float:left; margin-right:10px;}
.mailContent .description li{padding:4px 0; color:#333;}
.mailContent div.text{clear:both; padding:20px 20px 10px 95px; line-height:20px;}
.mailContent .mailSubmit{text-align:left; padding:10px 20px 50px 95px;}
.mailContent .description .more{float:right; margin:4px 0 0 0;}
.sub .content .mailContent .formBox{padding:10px 0 0 25px;}
.sub .content .mailContent p{padding:5px 0;}
.sub .content .mailContent .mailSubmit{padding:10px 0 50px 120px;}

/*个人信息*/
.myBox h2.name{padding:10px 0; font-size:22px;}
.sub .content .myBox .picList{padding:0;}
.myBox .pic{float:left; width:200px;}
.myBox .info{width:380px; float:right; overflow:hidden;}
.myBox .info td{padding:5px; vertical-align:top; line-height:18px;}
.myBox .info td p{padding-bottom:5px;}
.myBox .info td.alt{color:#212121; text-align:left; width:20%;}
.myBox .info td.con{ width:80%;}
.myBox .info td.box{background:url(http://img.chinayescache.com/sys/photoalbum/img/hr_2.gif) top repeat-x; padding:10px 5px; line-height:20px;}
.myBox .info .guanzhu{text-align:right; padding:5px 0;}
.myBox p.text{line-height:20px;}
.myBox p.guanzhu{padding:10px 0; text-align:right;}

/*视频列表*/
.sub .content .videoList .name a{padding-right:20px; font-weight:normal;}
.sub .content .videoList .comments{padding:5px; display:block;}
.messegeForm{padding:0 10px 10px 10px;}
.messegeForm p{padding:3px 0;}
.messegeForm textarea{width:260px; height:65px;}
.myList{padding:0 0 0 10px;}
.myList li{padding-bottom:15px;}
.myList .date{padding:0 0 3px 1px; border-bottom:1px solid #e9e9e9; color:#212121;}
.myList .box{padding:5px; background:url(http://img.chinayescache.com/sys/photoalbum/img/hr_3.gif) bottom repeat-x;}
.myList h3{font-size:12px; font-weight:normal; padding:5px 0; color:#858585;}
.myList .box .txt{background:url(http://img.chinayescache.com/sys/photoalbum/img/icon2.gif) no-repeat 0 3px; padding:0 10px; color:#ccc; line-height:18px;}
.myList .box .txt img{position:absolute; margin:3px 0 0 3px;}
.videoDetails{padding:15px 10px 15px 5px;}
.videoDetails .text{text-align:center;}
.videoDetails .info{padding:20px 0 10px 10px;}
.videoDetails .info p{padding:5px 0;}
.videoDetails .inputButton{float:right;}
.videoDetails .info a{padding-right:15px;}
.sidebar .subBar .videoList{padding-bottom:15px;}
.sidebar .subBar .videoList li{ height:235px; padding:0 0 0 75px;}
.sidebar .subBar .videoList .name{display:block; clear:both; font-weight:bold; padding:10px 0 5px 3px;}
.sidebar .subBar .videoList .date{padding:0 0 0 3px;}


.floatBox{position:absolute; margin:-35px 0 0 300px; z-index:999; display:none;}
.floatBox-tabs {border-left:1px solid #d8d8d8; background:#fff; }
.floatBox-tabs li { float:left; width:55px; line-height:25px; text-align:center; border-top:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}
.floatBox-tabs li.on { background:#f9f9f9;}
.floatBox { padding-top:9px; border:1px solid #d8d8d8; background:#f9f9f9;}
.floatBox-bd { margin:0 9px 9px; border:1px solid #dedede; background:#fff;}
.floatBox-bd ul { padding:5px;}
.floatBox-bd li { float:left; display:inline; margin:2px 0 2px 6px; padding:0 10px; line-height:21px; text-align:center;  cursor:pointer;}
.floatBox-bd li.current { background:#ddd;}
.floatBox input{margin:0 0 10px 390px;}
.tt{padding-right:10px;}


.avatar-col{width:365px; line-height: 21px; }
.avatar-col h3 { padding:3px 0; font-size:12px; font-weight:bold; color:#333; border-bottom:1px solid #ddd;}
.avatar-col .h125 { width: 125px; margin: 50px auto;}
.avatar-col .row { clear: both; margin: 25px 0;}
.avatar-col .row .tit { float: left; width: 100px; text-align: right;}
.avatar-system-preview { width:125px; height:125px; margin-left: 20px; overflow:hidden; background:url(http://img.chinayescache.com/sys/photoalbum/img/bg_syspreview.gif) no-repeat;}
.avatar-new-body { width:290px; margin:10px auto;}
.avatar-canvas { position:relative; width:286px; height:266px; margin:3px 0 13px; border:2px solid #888; overflow:hidden; cursor:pointer; }
.avatar-canvas .avatar-cropLayer { position:relative; width:286px; height:266px; left:0; top:0; opacity:0.75; filter:alpha(opacity=75); z-index:7;}
.avatar-canvas .avatar-cropLayer .overlay { background:#ccc;}
.avatar-canvas .avatar-cropLayer .window { width:125px; height:125px; border:1px solid #fff; }
.avatar-canvas .avatar-container { position:relative; top:0; left:0;}
.avatar-canvas .avatar-container img { position:relative;}
.avatar-handle .zoomIn { cursor:pointer; width:19px; height:19px; border:none; background:url(http://img.chinayescache.com/sys/photoalbum/img/zi.gif) no-repeat;}
.avatar-handle .zoomInOn { background:url(http://img.chinayescache.com/sys/photoalbum/img/zi_on.gif) no-repeat;}
.avatar-handle .zoomOut { cursor:pointer;width:19px; height:19px; border:none; background:url(http://img.chinayescache.com/sys/photoalbum/img/zo.gif) no-repeat;}
.avatar-handle .zoomOutOn { background:url(http://img.chinayescache.com/sys/photoalbum/img/zo_on.gif) no-repeat;}
.avatar-handle .sliderBackground { display:block; position:relative; z-index:0; }
.avatar-handle .sliderBackground .sliderHandle { position:absolute; left:0; top:0; z-index:1000;}
.avatar-handle .sliderBackground .sliderProgressBackground {position:absolute; clip:rect(0px, 0px, 0px, 0px); z-index:800;}

#chosefriend li{position:relative; padding-bottom:22px;}
#chosefriend .showBox{background:#888888;border:1px solid #000000;display:none;height:160px;left:14px;
opacity:0.25;
filter:alpha(opacity=25);
position:absolute;top:-5px;width:120px;}

.sub .content .appBox{}
.sub .content .appBox p{padding:5px 10px;line-height:18px;}
.sub .content .appBox p img{padding:3px; border:1px solid #eee;}
.sub .content .appBox p.next{padding:20px 0 30px 10px; margin-top:30px; background:url(http://img.chinayescache.com/sys/photoalbum/img/hr_2.gif) top repeat-x;}
