@charset "utf-8";

/*--------------- 相册通用开始 ---------------*/

.leftBtn {margin-top: 10px;}

/* 相册通用右栏 */
.albumColumn {margin-top: 10px; word-wrap: break-word; overflow: hidden;}

/* 相册右栏2列 */
.albumRight2col {height: 1%; margin-top: 10px; clear: both;}
.albumRight2col .right2colBg {background: url(/album/images/img_albumlistm.gif) repeat-y right;}
.albumRight2col .right2colL1 {width: 580px; float: left;}
.albumRight2col .right2colL2 {width: 538px; float: left;}
.albumRight2col .right2colR1 {width: 138px; float: right;}
.albumRight2col .right2colR1 .coltitle {padding-bottom: 20px; font-size: 14px; font-weight: bold; color: #333; text-align: center;}
.albumRight2col .right2colR1 .colbtn {margin-bottom: 20px; text-align: center;}
.albumRight2col .right2colR2 {width: 200px; float: right;}

/* 相册导航 */
.albumnav {height: 38px; padding-left: 20px; margin-top: 10px; background: url(/album/images/img_albumnav.gif);}
.albumnav li {float: left; margin: 9px 5px 0 0; position: relative; z-index: 8;}
.albumnav li .displaynav {width: 86px; padding: 5px 10px; position: absolute; top: 21px; left: 1px; border: 1px solid #aaa; background: #fff; font-size: 12px;}
.albumnav li .displaynav p {padding-left: 10px; background: url(/album/images/ico_arrow05.gif) left center no-repeat;}
.albumnav li a.nav0:link, .albumnav li a.nav0:visited, .albumnav li a.nav0:hover {width: 110px; height: 22px; line-height: 22px; font-size: 14px; font-weight: bold; background: url(/album/images/img_albumnav0.gif) no-repeat; display: block; text-align: center; color: #fff;}
.albumnav li a.nav0:hover {text-decoration: none; color: #fff;}
.albumnav li a.nav1:link, .albumnav li a.nav1:visited, .albumnav li a.nav1:hover {width: 110px; height: 22px; line-height: 22px; font-size: 14px; font-weight: bold; background: url(/album/images/img_albumnav1.gif) no-repeat; display: block; text-align: center; color: #daf9c7;}
.albumnav li a.nav1:hover {text-decoration: none; color: #fff;}

/* 相册提示 */
.albumtips {margin-top: 10px; padding: 7px 0; background: #fffded; color: #f34b00; text-align: center;}

/* 相册标题栏 */
.albumTitle {height: 33px; padding: 0 20px; line-height: 33px; position: relative; background: url(/album/images/img_albumtitle.gif) no-repeat;}
.albumTitle2 {width: 540px; background: url(/album/images/img_albumtitle02.gif) no-repeat;}
.albumTitle3 {width: 460px; background: url(/album/images/img_albumtitle03.gif) no-repeat;}
.albumTitle .title {font-size: 14px; font-weight: bold; color: #333;}
.albumTitle .title span {color: #3c9617;}
.albumTitle .title .albumname {font-weight: normal; color: #333;}
.albumTitle .btn {position: absolute; top: 11px; right: 20px;}
.albumTitle .btn a {color: #3c9617;}
.albumTitle .menu {line-height: 33px; position: absolute; top: 0; right: 15px;}
.albumTitle .menu span {padding: 6px; color: #ccc;}
.albumTitle .menu a {color: #3c9617;}

/* 通用相册 */
.albumCover {width: 122px; margin: 0 auto;}
.albumCover .cover {width: 89px; height: 85px; padding-top: 13px; padding-left: 9px; margin: 0 auto; background: url(/album/images/img_mypicbg.gif) no-repeat;}
.albumCover .picinfo {padding: 10px 4px 0 4px; text-align: center; color: #999;}
.albumCover .picinfo a {color: #3c9617;}
.albumCover .picinfo span {padding: 0 4px; color: #ccc; font-size: 10px;}
.albumCover .picinfo .title {font-size: 14px; font-weight: bold;}
.albumCover1 {margin: 10px 0 15px 0; float: left;}
.albumCover2 {margin-bottom: 20px;}
.albumCover3 {margin-top: 10px; float: left;}
.albumCover4 {width: 98px; float: left;}

.albumList {padding-left: 8px;}

/* 通用照片 */
.photoList {width: 720px; padding: 0 14px; background: url(/album/images/dot_cccccc12.gif) bottom repeat-x; overflow: hidden;}
.photoList li {width: 120px; padding: 15px 0; float: left; text-align: center; color: #999;}
.photoList li .picinfo {padding: 5px 0 0 0; text-align: center;} 
.photoList li .picinfo a:link, .photoList li .picinfo a:visited, .photoList li .picinfo a:hover {color: #3c9617;}
.photoList li .picinfo {color: #999;}

.photoInfo2 {width: 270px; padding: 10px 8px; float: left;}
.photoInfo2 h1 {margin-bottom: 5px; font-size: 12px; color: #000; text-align: left;}
.photoInfo2 .txt {padding: 7px; color: #333; background: url(/album/images/dot_cccccc12.gif) repeat-x bottom;}
.photoInfo2 .info {padding: 7px; color: #999;}
.photoInfo2 .info span {color: #ccc; font-size: 10px; margin: 0 5px;}
.photoInfo2 .info img {margin-right: 5px;}
.photoInfo2 .info a {color: #390;}

/* 标签样式 */
a.tagClass1:link, a.tagClass1:visited, a.tagClass1:hover {height: 23px;line-height: 23px; padding: 0 5px; color: #3c9617; font-size: 16px; font-weight: bold;}
a.tagClass1:hover {background: #3c9617; color: #fff; text-decoration: none;}
a.tagClass2:link, a.tagClass2:visited, a.tagClass2:hover {padding: 0 5px;color: #3c9617;font-size: 14px;}
a.tagClass2:hover {background: #3c9617; color: #fff; text-decoration: none;}
a.tagClass3:link, a.tagClass3:visited, a.tagClass3:hover {padding: 0 5px;color: #3c9617;}
a.tagClass3:hover {background: #3c9617; color: #fff; text-decoration: none;}
a.tagClass4:link, a.tagClass4:visited, a.tagClass4:hover {padding: 0 5px;color: #666;}
a.tagClass4:hover {background: #3c9617; color: #fff; text-decoration: none;}

/* 右边通用模块 */
.detailrBox {margin-bottom: 10px;}
.detailrBox a:link, .detailrBox a:visited, .detailrBox a:hover {color: #390;}
.detailrBox a.greytag:link, .detailrBox a.greytag:visited, .detailrBox a.greytag:hover {color: #888;}
.detailrBox .title {height: 20px; line-height: 20px; margin-bottom: 3px; padding-left: 15px; background: url(/album/images/img_tabtitle.gif) no-repeat; font-weight: bold; color: #333;}
.detailrBox .content {padding: 15px 5px 15px 15px; background: #f8f8f8; color: #888; list-style: none;}
.detailrBox .content span {color: #ccc; font-size: 10px; margin: 0 5px;}
.detailrBox .content li {padding: 0px!important; padding: 1px;}
.detailrBox .content li input {vertical-align: middle;}
.detailrBox .content li.input {padding-top: 10px;}
.detailrBox .content li.input input {width: 122px;}
.detailrBox .content li select {width: 76px;}

/*--------------- 相册通用结束 ---------------*/

/* 热门标签 */
.hottagBox {margin-top: 10px; word-wrap: break-word; overflow: hidden; }
.hottagBox .topbg {height: 27px; padding: 0 15px; position: relative; background: url(/album/images/img_leftboxt.gif); line-height: 27px; font-weight: bold; color:#333;}
.hottagBox .topbg .morebtn {position: absolute; top: 8px; right: 10px;}
.hottagBox .midbg {height: 1%; padding: 10px; background: #fff; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;}
.hottagBox .midbg ul {padding: 0 5px;}
.hottagBox .midbg ul li {padding-left: 10px; background: url(/album/images/ico_list02.gif) no-repeat;}
.hottagBox .midbg ul li span {padding-right: 6px; color: #333;}
.hottagBox .midbg ul li.space {background: none;}
.hottagBox .midbg ul li font {float:right; color:#333; font-size:12px;}
.hottagBox .btmbg {height: 5px; background: url(/album/images/img_leftboxb.gif); overflow: hidden;}

/* 标签中心 */
.tagCenter {padding: 10px 20px; background: url(/album/images/dot_cccccc12.gif) bottom repeat-x;} 
.tagCenter .tagtitle {padding-bottom: 5px; font-weight: bold; color: #f34b00;}
.tagPop {padding: 20px; line-height: 25px; margin-top: 10px; background: #f8fff8;}

/* 上传照片 */
.uploadPhoto {margin-top: 10px; padding-left: 20px;}
.uploadPhoto select,input {vertical-align: middle;}
.uploadPhoto p {margin: 4px 0;}
.uploadPhoto .title {margin-top: 15px; padding-bottom: 5px; padding-left: 18px; background: url(/album/images/ico_arrow09.gif) no-repeat left 4px; color: #333;}
.uploadPhoto .uploadlist {padding-left: 20px;}
.uploadPhoto .uploadlist span {padding-left: 20px;}
.uploadPhoto .uploadlist input {width: 280px;}
.uploadPhoto .uploadlist input.stylecheck {width: 20px;}
.uploadPhoto .uploadlist .browsebtn {width: 60px; height: 22px; margin-left: 4px; border: 1px solid #575757; background: #787878; color: #fff;}
.uploadPhoto .uploadlist .class {margin-top: 10px;}
.uploadPhoto .uploadlist .class a {color: #3c9617;}
.uploadPhoto .edittag {padding-left: 20px;}
.uploadPhoto .edittag a {color: #3c9617;}
.uploadPhoto .edittag input {width: 400px;}
.uploadPhoto .edittag .dismytag {width: 400px; margin: 5px 0; padding: 5px 10px; background-color: #f8fff8; color: #333;}
.uploadPhoto .property {padding-top: 4px; padding-left: 20px;}
.uploadPhoto .btn {margin-top: 20px; padding-left: 20px;}
.uploadPhoto .caption {margin-top: 20px;}
.uploadPhoto .caption p {padding-left: 10px; line-height: 16px; background: url(/album/images/ico_list02.gif) no-repeat left center; color: #f34b00;}
.uploadPhoto02 {margin-top: 20px; text-align: center;}
.uploadPhoto02 .tipsbox {padding: 20px 0; background: #f9fdef; border: 1px solid #daeaad;}
.uploadPhoto02 .tipsbox h1 {margin-bottom: 10px; color: #729c00; font-size: 16px;}
.uploadPhoto02 .tipsbox a:link, .uploadPhoto02 .tipsbox a:visited, .uploadPhoto02 .tipsbox a:hover {text-decoration: underline; color: #f94209;}
.uploadPhoto02 .tipsbox a:hover {color: #333;}
.uploadPhoto02 .tipsbox .img {margin-top: 10px;}
.uploadPhoto02_box {padding: 1px 35px 20px 35px; background: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ccc;}

/* 相册 */
.albumbg {height: 160px; position: relative; background: url(/album/images/img_hotalbumbg.gif);}
.albumbg .arrowLeft {position: absolute; top: 59px; left: 27px;}
.albumbg .arrowRight {position: absolute; top: 59px; right: 32px;}
.albumbg .hotalbumList {position: absolute; top: 34px; left: 89px;}
.albumbg .hotalbumList li {float: left; width: 75px; margin-right: 45px;}

.albumSpecial {height: 200px; margin-top: 10px; padding: 2px; position: relative; background: #fff; border: #88c822 3px solid;}
.albumSpecial .list {width: 170px; height: 200px; padding-left: 1px; float: left;}
.albumSpecial .list a {width: 170px; height: 200px; position: relative; display: block; text-decoration: none; cursor: pointer;}
.albumSpecial .list a div {display: none;}/*初始状态：隐藏*/
.albumSpecial .list a:hover {background: #fff;}/*修复IE6及以下版本浏览器的a状态伪类Bug*/
.albumSpecial .list a:hover div {width: 150px; height: 30px; padding: 10px; position: absolute; bottom: 0; left: 0; display: block; line-height: 16px; background: #ff5b00 url(/album/images/img_speciallayer.gif) no-repeat; color: #fff;}
.albumSpecial .list a:hover div span {font-size: 11px;}
.albumSpecial .btn {padding-left: 1px; float: left;}
.albumSpecial .ico {position: absolute; top: -1px; right: -1px;}

.albumClass {height: 27px; margin-top: 10px; position: relative; background: url(/album/images/line_c2c2c2.gif) bottom repeat-x; overflow: hidden;}
.albumClass .more {position: absolute; top: 7px; right: 20px;}
.albumClass .more a:link,.albumClass .more a:visited,.albumClass .more a:hover {color: #3c9617;}
.albumClass li {margin-right: 2px; float: left;}
.albumClass li a {height: 27px; display: block; line-height: 27px; text-align: center; color: #727272;}
.albumClass li a:hover {text-decoration: none; color: #333;}
.albumClass li a.now {font-weight: bold; color: #3c9617; cursor: default;}
.albumClass li.last {margin-right: 0;}
.albumClass li.col6 a {width: 81px; background: url(../images/tag_mid6col.gif) left -27px no-repeat;}
.albumClass li.col6 a.now {background: url(../images/tag_mid6col.gif) left 0 no-repeat;}
/*
.albumClass li.col6 a {width: 82px; background: url(/album/images/tag_mid5col_1.gif) no-repeat;}
.albumClass li.col6 a.now {background: url(/album/images/tag_mid5col_0.gif) no-repeat;}
*/
.albumHandle {padding: 7px 10px; margin-top: 10px; background: #f8f8f8; border-bottom: 1px solid #d0d0d0;}
.albumHandle .choose {margin-top: 3px;}
.albumHandle input {vertical-align: middle;}

/* 我的照片 */
.albummyphotoBg {background: url(/album/images/img_albumlistm.gif) repeat-y right; overflow: hidden;}
.albumcBtn {margin-top: 10px; text-align: center;}
.albumcBtn img {margin: 0 5px;}

.albumNav2 {height: 34px; background: url(/album/images/img_albumnav2m.gif) repeat-x; position: relative;}
.albumNav2 .middle {line-height: 34px; padding: 0 10px; float: left;}
.albumNav2 .middle span {color: #ccc; font-size: 10px; margin: 0 10px;}
.albumNav2 .middle a {color: #390;}
.albumNav2 .middle .rolltxt {width: 400px; position: absolute; top: 0; right: 20px;}

/* 相册详细页 */
.albumDetail {padding: 15px 0 15px 20px; border-bottom: #e7e7e7 2px solid;}
.albumDetail .infobox {width: 436px; float: right;}
.albumDetail .infobox .title .txt {color: #3c9617; font-size: 14px; font-weight: bold;}
.albumDetail .infobox .title .txt input {padding: 2px; background: #fff; border: 1px solid #ccc; color: #3c9716; font-size: 14px; font-weight: bold; vertical-align: middle;}
.albumDetail .infobox .title .num {float: right;}
.albumDetail .infobox .title .num span {padding-right: 2px; color: #f7941d;}
.albumDetail .infobox .describe {margin-top: 5px; line-height: 18px;}
.albumDetail .infobox .describe textarea {width: 420px; height: 70px; padding: 5px; line-height: 18px; background: #fff; border: 1px solid #ccc;}
.albumDetail .infobox .btn {height: 20px; padding: 5px 15px; margin-top: 5px; background-color: #f4f4f4; text-align: right;}

/* 相册幻灯片 */
.albumSlideshow {margin-top: 10px;}
.albumSlideshow .outurl {margin-top: 20px; text-align: center; color: #000;}
.albumSlideshow .outurl p {height: 30px;}
.albumSlideshow .outurl p .label {width: 30px; display: block; float: left;}
.albumSlideshow .outurl p input {width: 350px; height: 18px; line-height: 18px; border: 1px solid #aaabad; background: #fff; color: #585858;}
.albumSlideshow .outurl .title {color: #999;}
.albumSlideshow .outurl .title span {color: #3c9617; font-size: 14px; font-weight: bold;}

/* 照片最终页面 */
.photoDetail {width: 500px; padding-left: 20px;}
.photoDetail h1 {padding: 0 0 5px 10px; font-size: 14px; color: #333;}
.photoDetail h1 .btnstyle {font-size: 12px; font-weight: normal; color: #666; float: right;}
.photoDetail h1 .btnstyle span {padding: 0 5px; color: #ccc; font-size: 10px;}
.photoDetail .size {height: 25px; line-height: 25px; margin-bottom: 5px; padding: 0 10px; background: #f8f8f8; color: #999;}
.photoDetail .size a {color: #390;}
.photoDetail .size .num {margin-left: 5px; font-size: 11px;}
.photoDetail .size .line {margin: 0 10px; color: #ccc; font-size: 10px;}
.photoDetail .txt {padding: 10px 5px; color: #333; line-height: 140%;}
.photoDetail .outurl {padding: 10px 20px; margin: 5px 0 10px 0; background: #f8f8f8; color: #333;}
.photoDetail .outurl p {padding: 2px 0;}
.photoDetail .outurl p .label {width: 30px; display: block; float: left;}
.photoDetail .outurl input {width: 350px;}
.photoDetail .outurl .title {color: #999;}
.photoDetail .outurl .title span {color: #333; font-weight: bold;}
.photoDetail .pagebtn {margin-top: 5px;}

/* 评论 */
.albumComment {margin-top: 5px; padding-bottom: 1px; border-bottom: 1px solid #e7e7e7;}
.albumComment .username {padding: 5px 20px; color: #999;}
.albumComment .username a {color: #390;}
.albumComment .content {padding: 10px 20px; background: #f8f8f8;}
.btnComment {padding: 8px 20px; text-align: right;}
.writeComment {padding: 10px 20px 15px 20px; margin-top: 20px; background: #f0f0f0;}
.writeComment .title {margin-bottom: 5px; color: #333; font-weight: bold;}
.writeComment textarea {width: 400px; height: 35px;}

.allphotoLink {line-height: 25px; padding: 0 10px; border: 1px solid #f3f3f3; border-bottom: none;}
.allphotoLink a:link, .allphotoLink a:visited, .allphotoLink a:hover {color: #390;}

/* 预览模块 */
.previewBox {padding: 15px 8px; background: #f8f8f8; border: 1px solid #e3e3e3; margin-bottom: 10px;}
.previewBox .pic {border: 1px solid #ccc; margin: 0 2px;}
.previewBox .btn {margin-top: 5px;}

/* 相册批处理 */
.batchBox {padding: 20px; margin-bottom: 5px; background: #f8f8f8;}
.batchBox.bBfirst {margin-top: 10px;}
.batchBox .pic {width: 270px; margin-right: 20px; float: left;}
.batchBox .pic img {border: 1px solid #eee;}
.batchBox .handle {float: left;}
.batchBox .handle table {border-collapse: collapse; padding: 0; margin: 0;}
.batchBox .handle table th {width: 35px; text-align: left; color: #333;}
.batchBox .handle table input {width: 300px;}
.batchBox .handle table textarea {width: 300px; height: 138px;}

.batchBox2 {padding: 1px; border: 1px solid #ccc;}
.batchBox2 .info {height: 25px; padding: 4px 10px 0 15px; background: #f8f8f8; color: #999;}
.batchBox2 .info .num {color: #f7941d; font-weight: bold;}
.batchBox2 .info .line {margin: 0 10px; color: #ccc; font-size: 10px;}
.batchBox2 .photolist {width: 505px; margin: 10px auto;}
.batchBox2 .photolist .pic {float: left; margin-right: 7px; margin-bottom: 7px; position: relative;}
.batchBox2 .photolist .pic img {border: 1px solid #eee;}
.batchBox2 .photolist .pic .bBcheckbox {position: absolute; left: 55px; top: 60px;}
.batchBox2 .page {height: 25px; line-height: 25px; background: #f8f8f8; text-align: center;}
.batchBox2 .page .now {color: #f7941d; font-weight: bold;}
.batchBox2 .page .line {margin: 0 5px; color: #ccc; font-size: 10px;}

/* 相册弹出窗口 */
.albumPopup {width: 350px; padding: 5px; background: #999999; border-left: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; border-right: 1px solid #9e9e9e; border-bottom: 1px solid #9e9e9e;}
.albumPopup .content {padding: 10px 0; background: #fff; border: 1px solid #dedede;}
.albumPopup .content .caution {width: 220px; margin: 0 auto; padding: 4px; padding-left: 35px; background: url(/album/images/ico_caution.gif) no-repeat left center; font-weight: bold; font-size: 14px; color: #333;}
.albumPopup .content .loading {width: 220px; margin: 0 auto; padding: 4px; padding-left: 35px; background: url(/album/images/ico_loading.gif) no-repeat left center; font-weight: bold; font-size: 14px; color: #333;}
.albumPopup .content .handle {width: 300px; margin: 0 auto;}
.albumPopup .content .handle h1 {padding: 0 20px; font-size: 12px; color: #333; margin-bottom: 5px;}
.albumPopup .content .handle .txt {padding: 10px 20px; background: #f8f8f8;}
.albumPopup .content .handle .txt a {color: #390;}
.albumPopup .btn {padding: 7px 0; text-align: center;}
.albumPopup .btn img {margin: 0 5px;}
.albumPopup table {border-collapse: collapse; padding: 0; margin: 0;}
.albumPopup table th {width: 55px; text-align: left; color: #333; font-weight: normal;}
.albumPopup table input {width: 200px;}
.albumPopup table textarea {width: 200px; height: 50px;}

.albumLock {width: 360px; margin: 10px auto;}
.albumPopup .content .caution {width: 250px;}
.albumLock .info {font-size: 12px; font-weight: normal; color: #666;}

.noline {background: none;}