.mt40{ margin-top:40px;}
.mt10{ margin-top:10px;}
.mt5{ margin-top:5px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}

a{ color:#005197;}
a:hover{ color:#c80000; text-decoration:underline;}

#container {width: 1040px;}
#main{ padding-top:0px; background:none;}

.album-head{ height:40px; width:100%; background:#DEDCDA; position:fixed; z-index: 10; top:45px; left:0px;}
.album-head-space{ height:40px; width:100%;}

.album-head .in-box{margin: 0 auto;width: 1000px; background:#DEDCDA}
.album-head .in-box .left{ float:left; position:relative;}
.album-head .in-box .left .tbn{ float:left; width:55px; height:40px; border-left:1px solid #D0CDCA; border-right:1px solid #D0CDCA; background:url(../img/album/album-ico-01.gif) 0 0 no-repeat;}
.album-head .in-box .left .tbn:hover{background:url(../img/album/album-ico-02.gif) 0 0 no-repeat;}
.album-head .in-box .left-active .tbn{background:url(../img/album/album-ico-02.gif) 0 0 no-repeat;}


.album-head .in-box .left .center-box{ float:left; width:217px; height:200px; background:url(../img/album/album-ico-44.png) 0 0 no-repeat; position:absolute; left:-2px; top:30px; padding-top:17px; display:none;}
.album-head .in-box .left .center-box .center-dl{ float:left; width:192px; line-height:22px; padding-left:18px; padding-top:6px;}
.album-head .in-box .left .center-box .center-dl dt{ float:left; width:192px;color:#999;}
.album-head .in-box .left .center-box .center-dl dd { float:left; width:96px; padding-top:3px;}
.album-head .in-box .left .center-box .center-dl dd a{ color:#333; float:left; background:url(../img/album/album-ico-45.png) 0 0 no-repeat; }
.album-head .in-box .left .center-box .center-dl .dd-01 a{background:url(../img/album/album-ico-45.png) 0 2px no-repeat;padding-left:26px; }
.album-head .in-box .left .center-box .center-dl .dd-01 a:hover{background:url(../img/album/album-ico-45.png) 0 -24px no-repeat; color:#ba0f17; text-decoration:none;}

.album-head .in-box .left .center-box .center-dl .dd-02 a{background:url(../img/album/album-ico-45.png) 0 -280px no-repeat;padding-left:26px; }
.album-head .in-box .left .center-box .center-dl .dd-02 a:hover{background:url(../img/album/album-ico-45.png) 0 -310px no-repeat; color:#ba0f17; text-decoration:none;}

.album-head .in-box .left .center-box .center-dl .dd-03 a{background:url(../img/album/album-ico-45.png) 0 -46px no-repeat;padding-left:26px; }
.album-head .in-box .left .center-box .center-dl .dd-03 a:hover{background:url(../img/album/album-ico-45.png) 0 -68px no-repeat; color:#ba0f17; text-decoration:none;}

.album-head .in-box .left .center-box .center-dl .dd-04 a{background:url(../img/album/album-ico-45.png) 0 -97px no-repeat;padding-left:26px; }
.album-head .in-box .left .center-box .center-dl .dd-04 a:hover{background:url(../img/album/album-ico-45.png) 0 -129px no-repeat; color:#ba0f17; text-decoration:none;}

.album-head .in-box .left .center-box .center-dl .dd-05 a{background:url(../img/album/album-ico-46.gif) 0 2px no-repeat;padding-left:26px; }
.album-head .in-box .left .center-box .center-dl .dd-05 a:hover{background:url(../img/album/album-ico-47.gif) 0 2px no-repeat; color:#ba0f17; text-decoration:none;}

.album-head .in-box .left .center-box .center-dl .dd-06 a{background:url(../img/album/album-ico-45.png) 0 -338px no-repeat;padding-left:26px; }
.album-head .in-box .left .center-box .center-dl .dd-06 a:hover{background:url(../img/album/album-ico-45.png) 0 -366px no-repeat; color:#ba0f17; text-decoration:none;}

.album-head .in-box .left .center-box .center-dl .dd-07 a{background:url(../img/album/album-ico-45.png) 0 -157px no-repeat;padding-left:26px; }
.album-head .in-box .left .center-box .center-dl .dd-07 a:hover{background:url(../img/album/album-ico-45.png) 0 -183px no-repeat; color:#ba0f17; text-decoration:none;}

.album-head .in-box .left .center-box .center-dl .dd-08 a{background:url(../img/album/album-ico-45.png) 0 -467px no-repeat;padding-left:26px; }
.album-head .in-box .left .center-box .center-dl .dd-08 a:hover{background:url(../img/album/album-ico-45.png) 0 -501px no-repeat; color:#ba0f17; text-decoration:none;}

.album-head .in-box .left .center-box .center-dl .dd-09 a{background:url(../img/album/album-ico-45.png) 0 -214px no-repeat;padding-left:26px; }
.album-head .in-box .left .center-box .center-dl .dd-09 a:hover{background:url(../img/album/album-ico-45.png) 0 -244px no-repeat; color:#ba0f17; text-decoration:none;}

.album-head .in-box .left .center-box .center-dl .dd-10 a{background:url(../img/album/album-ico-45.png) 0 -399px no-repeat;padding-left:24px; }
.album-head .in-box .left .center-box .center-dl .dd-10 a:hover{background:url(../img/album/album-ico-45.png) 0 -433px no-repeat; color:#ba0f17; text-decoration:none;}


.album-head .in-box .x-show .center-box{ display:block;}
.album-head .in-box .x-show .tbn{background:url(../img/album/album-ico-02.gif) 0 0 no-repeat;}

.album-head .in-box .right{ float:right;}
.album-head .in-box .right a{ float:left; width:50px; height:40px; border-left:1px solid #D0CDCA; border-right:1px solid #D0CDCA;}
.album-head .in-box .right .select-a1{ background:url(../img/album/album-ico-03.gif) 0 0 no-repeat;}
.album-head .in-box .right .select-a1:hover{background:url(../img/album/album-ico-04.gif) 0 0 no-repeat;}
.album-head .in-box .right .select-a2{ background:url(../img/album/album-ico-05.gif) 0 0 no-repeat; border:none;}
.album-head .in-box .right .select-a2:hover{background:url(../img/album/album-ico-06.gif) 0 0 no-repeat;}
.album-head .in-box .right .select-a3{ background:url(../img/album/album-ico-07.gif) 0 0 no-repeat;}
.album-head .in-box .right .select-a3:hover{background:url(../img/album/album-ico-08.gif) 0 0 no-repeat;}


.album-container{ margin:0 auto; position:relative; margin-top:20px;}
.waterfall{ min-height: 500px;margin:0 auto; margin-top:20px;}
.waterfall .pt-box{ width:236px; border:1px solid #eee; background:#fff; margin-bottom:20px;  box-shadow: 0 2px 8px #ddd;}
.waterfall .wfc{ -webkit-transition:left .3s ease-in-out,top .3s ease-in-out;-moz-transition:left .5s ease-in-out,top .5s ease-in-out;-o-transition:left .3s ease-in-out,top .3s ease-in-out;}
.waterfall .pt-box .img-a{ position:relative; display:block;}
.waterfall .pt-box .img-a img{ max-width: 236px; display:block;  margin: 0 auto;}

.waterfall .pt-box .img-a .cover{position:absolute;left:0;top:0;width:236px;height:100%}


.waterfall .pt-box .img-a:hover img,.waterfall .pt-box .img-a:active img{opacity:.9;filter:alpha(opacity=90)}

.waterfall .pt-box .add-a-1{ float:left; width:236px; height:153px; background:url(../img/album/album-ico-41.jpg) 0 0 no-repeat;}
.waterfall .pt-box .add-a-1:hover{background:url(../img/album/album-ico-42.jpg) 0 0 no-repeat;}


.waterfall .pt-box .like-a{ float:left; width:16px; height:12px; background:url(../img/album/album-ico-10.gif) 0 0 no-repeat; font-size:14px; font-family:Microsoft YaHei,宋体; line-height:12px; padding-left:22px; color:#999;}
.waterfall .pt-box .like-a:hover{ background:url(../img/album/album-ico-09.gif) 0 0 no-repeat; text-decoration:none;}
.waterfall .pt-box .like-a-active{background:url(../img/album/album-ico-36.gif) 0 0 no-repeat; text-decoration:none;}
.waterfall .pt-box .like-a-active:hover{background:url(../img/album/album-ico-36.gif) 0 0 no-repeat; text-decoration:none;}

.waterfall .pt-box .actions{ display: none;left: 0;position: absolute;top:0;z-index: 3; width:100%;}
.waterfall .pt-box .actions .left{float:left; margin:10px 0 0 10px;  overflow: hidden; width: 164px; position:relative;}
.waterfall .pt-box:hover .actions{ display:block;}
.waterfall .pt-box .actions .left .link-a{ float:left; height: 30px; position:absolute; left:0; top:0px; width: 164px; }

.waterfall .pt-box .actions .left .collection{height: 30px; line-height: 30px; color: #fff;  cursor: pointer; display: inline-block;font-size: 14px;text-align: center;text-decoration: none; width:50px; background:#E33D47; border:1px solid #981012; position:relative; z-index:1;  border-radius: 3px;  }
.waterfall .pt-box .actions .left .collection:hover{ background:#ED5359;}
.waterfall .pt-box .actions .right{ float:right; margin:10px 10px 0 0;}
.waterfall .pt-box .actions .right .zan{ display: inline-block; width:34px; height:30px; line-height:30px; text-align:center; font-size:14px; text-align: center; background:#F6F6F6; border:1px solid #C7C7C7; border-radius: 3px; }
.waterfall .pt-box .actions .right .zan:hover{ background:#FDFDFD;}
.waterfall .pt-box .actions .right .zan i{display: inline-block; width:12px; height:11px; background:url(../img/album/album-ico-10.gif) 0 0 no-repeat; margin-top:11px; cursor:pointer;}
.waterfall .pt-box .actions .right .zan:hover i{ background:url(../img/album/album-ico-09.gif) 0 0 no-repeat;}
.waterfall .pt-box .actions .right .disabled i{display: inline-block; width:12px; height:12px; background:url(../img/album/like_anime.gif) 0 -1px no-repeat; margin-top:11px; cursor:pointer;}
.waterfall .pt-box .actions .right .disabled:hover i{background:url(../img/album/like_anime.gif) 0 -1px no-repeat;}

.waterfall .pt-box .actions .right .zan-pubuliu{ display: inline-block; width:34px; height:30px; line-height:30px; text-align:center; font-size:14px; text-align: center; background:#F6F6F6; border:1px solid #C7C7C7; border-radius: 3px;}
.waterfall .pt-box .actions .right .zan-pubuliu:hover{ background:#FDFDFD;}
.waterfall .pt-box .actions .right .zan-pubuliu i{display: inline-block; width:12px; height:11px; background:url(../img/album/album-ico-10.gif) 0 0 no-repeat; margin-top:11px; cursor:pointer;}
.waterfall .pt-box .actions .right .zan-pubuliu:hover i{ background:url(../img/album/album-ico-09.gif) 0 0 no-repeat;}
.waterfall .pt-box .actions .right .zan-active i{ background:url(../img/album/album-ico-36.gif) 0 0 no-repeat;}
.waterfall .pt-box .actions .right .zan-active:hover i{ background:url(../img/album/album-ico-36.gif) 0 0 no-repeat;}
.waterfall .pt-box .actions .right .text{ display: inline-block; height: 30px; line-height: 30px; color: #444; font-size: 14px;text-align: center; width:50px; background:#F6F6F6; border:1px solid #C7C7C7;  border-radius: 3px;}
.waterfall .pt-box .actions .right .text:hover{ background:#FDFDFD; text-decoration:none;}

.waterfall .pt-box .comment-a{ float:right; width:11px; height:11px; background:url(../img/album/album-ico-12.gif) 0 0 no-repeat;}
.waterfall .pt-box .comment-a:hover{background:url(../img/album/album-ico-11.gif) 0 0 no-repeat;}
.waterfall .pt-box .cz-p1{ padding:10px 10px 0 10px; display:block;}
.waterfall .pt-box .description{ color:#999; display:block; line-height:20px; padding:8px 10px 10px 10px; word-wrap: break-word;}
.waterfall .pt-box .comments-list{ background:#f6f6f6; color:#999; padding:6px 10px; line-height:20px; border-top:1px solid #E8E8E8; border-bottom:1px solid #fff;}
.waterfall .pt-box .comments-list .avatar{ float:left; margin-top:4px;}
.waterfall .pt-box .comments-list .avatar img{ float:left; width:30px; height:30px;}
.waterfall .pt-box .comments-list p{ float:left; padding-left:10px; width:176px;}
.waterfall .pt-box .comments-speak .textarea-01{ float:left; width:161px; height:29px; border:1px solid #ddd; margin-left:10px; font-size:12px; padding:4px 6px;  border-radius: 5px; overflow:auto; }
.waterfall .pt-box .comments-speak .add-a{ float:right; width:82px; height:30px; background:url(../img/album/album-ico-13.gif) 0 0 no-repeat; text-align:center; line-height:30px; margin-top:10px; color:#333;}
.waterfall .pt-box .comments-speak .add-a:hover{ background:url(../img/album/album-ico-14.gif) 0 0 no-repeat; color:#333; text-decoration:none;}
.waterfall .pt-box .comments-speak .add-a-pubuliu{ float:right; width:82px; height:30px; background:url(../img/album/album-ico-13.gif) 0 0 no-repeat; text-align:center; line-height:30px; margin-top:10px; color:#333;}
.waterfall .pt-box .comments-speak .add-a-pubuliu:hover{ background:url(../img/album/album-ico-14.gif) 0 0 no-repeat; color:#333; text-decoration:none;}
.loading{ width:100%; height:100%; text-align:center; font-family:Microsoft YaHei,宋体; position:relative;}
.loading span{position:absolute; left:45%;top:50%;  background:url(../img/album/album-ico-15.gif) 0 0 no-repeat; display:inline-block; /*color:#fff;*/ font-size:20px; padding-left:40px; line-height:32px;}






.overlay[class] {
    position: fixed;
}
.overlay {
    background-color:#333;
	height:100%;
	left : 0;
	filter: alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	opacity:0.5;
	position : absolute;
	top :0;
	width : 100%;
	z-index:9998;
	display:none;
}


.template-box-out{ width:100%; z-index:9999; top:120px; display:none; _position:absolute; position:fixed;}
.template-box-out .template-box{ width:580px;  margin:0 auto; background:#fff;}
.template-box-out .template-box .head{ float:left; width:580px; height:50px; line-height:50px; border-bottom:1px solid #ededed;  background:#fff;}
.template-box-out .template-box .head h3{ float:left; font-size:16px; color:#666; padding-left:20px; font-family: Microsoft YaHei,宋体;}
.template-box-out .template-box .head .closed{ float:right; width:16px; height:16px; background:url(../img/album/album-ico-16.gif) 0 0 no-repeat; cursor:pointer; margin:18px 20px 0 0;}
.template-box-out .template-box .head .closed:hover{ background:url(../img/album/album-ico-20.gif) 0 0 no-repeat;}
.template-box-out .template-box .head .view{ float:right; width:70px; font-size: 16px; cursor:pointer;}

.template-box-out .template-box .body{ float:left; width:580px; background:#fff;}
.template-box-out .template-box .bottom-dd{ float:left; height:56px; background:#F9F9F9; width:580px; border-top:1px solid #ededed;}
.template-box-out .template-box .bottom-dd .closed{ float:right; width:64px; height:32px; background:url(../img/album/album-ico-17.jpg) 0 0 no-repeat; text-align:center; line-height:32px; color:#666; font-size:14px; margin:12px 10px 0 0; }
.template-box-out .template-box .bottom-dd .closed:hover{ text-decoration:none; background:url(../img/album/album-ico-24.jpg) 0 0 no-repeat;}
.template-box-out .template-box .bottom-dd .collection{ float:right; width:64px; height:32px;  background:url(../img/album/album-ico-19.gif) 0 0 no-repeat; text-align:center; line-height:32px; color:#fff; font-size:14px; margin:12px 20px 0 0;}
.template-box-out .template-box .bottom-dd .collection:hover{  background:url(../img/album/album-ico-19.gif) 0 0 no-repeat; color:#fff; text-decoration:none;}
.template-box-out .template-box .bottom-dd .collection_upload_create{ float:right; width:64px; height:32px;  background:url(../img/album/album-ico-19.gif) 0 0 no-repeat; text-align:center; line-height:32px; color:#fff; font-size:14px; margin:12px 20px 0 0;}
.template-box-out .template-box .bottom-dd .collection_upload_create:hover{  background:url(../img/album/album-ico-19.gif) 0 0 no-repeat; color:#fff; text-decoration:none;}
.template-box-out .template-box .bottom-dd .fail_confim{ float:right; width:64px; height:32px;  background:url(../img/album/album-ico-19.gif) 0 0 no-repeat; text-align:center; line-height:32px; color:#fff; font-size:14px; margin:12px 20px 0 0;}
.template-box-out .template-box .bottom-dd .fail_confim:hover{  background:url(../img/album/album-ico-19.gif) 0 0 no-repeat; color:#fff; text-decoration:none;}
.template-box-out .template-box .bottom-dd .delete{float:right; width:64px; height:32px;  background:url(../img/album/album-ico-19.gif) 0 0 no-repeat; text-align:center; line-height:32px; color:#fff; font-size:14px; margin:12px 20px 0 0;}
.template-box-out .template-box .bottom-dd .delete:hover{  background:url(../img/album/album-ico-19.gif) 0 0 no-repeat; color:#fff; text-decoration:none;}

.template-box-out .template-box .bottom-dd .delete{float:right; width:64px; height:32px;  background:url(../img/album/album-ico-19.gif) 0 0 no-repeat; text-align:center; line-height:32px; color:#fff; font-size:14px; margin:12px 20px 0 0;}
.template-box-out .template-box .bottom-dd .delete:hover{  background:url(../img/album/album-ico-19.gif) 0 0 no-repeat; color:#fff; text-decoration:none;}

.template-box-out .template-box .bottom-dd .delete-collect{float:left; width:84px; height:32px;  background:url(../img/album/album-ico-29.jpg) 0 0 no-repeat; text-align:center; line-height:32px; color:#666; font-size:14px; margin:12px 20px 0 10px;}
.template-box-out .template-box .bottom-dd .delete-collect:hover{  background:url(../img/album/album-ico-30.jpg) 0 0 no-repeat; color:#666; text-decoration:none;}

.template-box-out .template-box .bottom-dd .create-album{float:right; width:84px; height:32px;  background:url(../img/album/album-ico-29.jpg) 0 0 no-repeat; text-align:center; line-height:32px; color:#666; font-size:14px; margin:12px 20px 0 10px;}
.template-box-out .template-box .bottom-dd .create-album:hover{  background:url(../img/album/album-ico-30.jpg) 0 0 no-repeat; color:#666; text-decoration:none;}

.template-box-out .template-box .bottom-dd .save{float:right; width:64px; height:32px;  background:url(../img/album/album-ico-19.gif) 0 0 no-repeat; text-align:center; line-height:32px; color:#fff; font-size:14px; margin:12px 20px 0 0;}
.template-box-out .template-box .bottom-dd .save:hover{  background:url(../img/album/album-ico-19.gif) 0 0 no-repeat; color:#fff; text-decoration:none;}






.template-box-out .template-box .right-img{ float:left; width:150px; margin-right:20px; height:150px; background:#f7f7f7; overflow:hidden; text-align:center; margin-top:18px;}
.template-box-out .template-box .right-img .table {width: 100%;height: 100%;display: table;position: relative;}
.template-box-out .template-box .right-img .tableCell {display: table-cell;vertical-align: middle;text-align: center;*position: absolute;*top: 50%;*left: 50%;}
.template-box-out .template-box .right-img span{display: block;*position:relative;*top: -50%;*left: -50%;}
.template-box-out .template-box .right-img img{max-height:150px;max-width:150px;width: auto;height: auto;_margin-top:1px; +margin-top:2px;}

.template-box-out .template-box .left-add{ float:left; width:410px;}

.template-box-out .template-box .dl-01{ width:410px; border-bottom:1px solid #EDEDED;}
.template-box-out .template-box .dl-02{border-top:1px solid #EDEDED; width:580px;}
.template-box-out .template-box dl{ padding-bottom:18px; float:left; }
.template-box-out .template-box dl dt{ float:left; width:90px; font-size:14px; color:#666;}
.template-box-out .template-box dl dt span{ float:left; padding-left:20px; line-height:16px; margin-top:25px;}
.template-box-out .template-box dl dd{ float:left; width:320px; }
.template-box-out .template-box dl dd .textarea-01{ float:left; width:280px; height:90px; border:1px solid #ccc; overflow:auto; font-size:14px; padding:10px; margin-top:18px;  border-radius: 5px;}
.template-box-out .template-box dl dd .create-first{ float:left; width:142px; height:32px; background:url(../img/album/album-ico-26.jpg) 0 0 no-repeat; line-height:32px; text-align:center; color:#fff; margin:18px 0 0 8px; text-align:center; color:#fff; font-size:14px;}
.template-box-out .template-box dl dd .create-first:hover{ text-decoration:none;}

.new-select-box{ float:left; border:1px solid #CDCDCD; height:30px; line-height:30px; position:relative; background:url(../img/album/album-ico-22.jpg) 0 0 repeat-x;cursor:pointer; border-radius: 3px; margin-top:18px; font-size:14px;}
.new-select-box .selected-box{display:block; background:url(../img/album/album-ico-23.gif) right center no-repeat; padding:0 21px 0 10px;cursor:pointer;}
.new-select-box .selected{ width: 100%;display:block;  line-height:30px; color:#666;  cursor:pointer; text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.new-select-box .selected:hover{ text-decoration:none; color:#666;}
.new-select-box .selected-ul-out{ float:left; width:100%; position:absolute; top:30px;left:-1px; }
.new-select-box ul{ float:left; border:1px solid #ccc; border-top:none;width:100%; overflow-y: auto; max-height:150px; background:#FBFBFB; }
.new-select-box ul li{ display:block; line-height:30px; padding-left:10px; cursor:pointer; text-overflow: ellipsis;overflow: hidden; white-space: nowrap;_width:74%; color:#666; height:30px;}
.new-select-box ul li:hover{ background:#ebebeb; color:#666; text-decoration:none; }
.new-select-box .create-01{ height:48px; border-radius:0 0 3px 3px; float:left; width:100%; border:1px solid #ccc; border-top:none; background:#FBFBFB;}
.new-select-box .create-01 .input-01{ float:left; width:180px; height:30px; border:1px solid #CDCDCD; line-height:30px; border-radius: 3px; margin:10px 0 0 10px; padding:0 10px; font-size:14px; background:#F4F4F4;}
.new-select-box .create-01 .create-a{ float:left; width:64px; height:32px; line-height:32px; background:url(../img/album/album-ico-25.jpg) 0 0 no-repeat; text-align:center; color:#666; margin:10px 0 0 14px;}
.new-select-box .create-01 .create-a:hover{ background:url(../img/album/album-ico-24.jpg) 0 0 no-repeat;color:#666; text-decoration:none;}


.template-box-out .template-box dl dd .create-02{ height:48px; border-radius:0 0 3px 3px; float:left; width:300px; border:1px solid #ccc; background:#FBFBFB; margin-top:18px; display:none;}
.template-box-out .template-box dl dd .create-02 .input-01{ float:left; width:180px; height:30px; border:1px solid #CDCDCD; line-height:30px; border-radius: 3px; margin:8px 0 0 10px; padding:0 10px; font-size:14px; background:#F4F4F4;}
.template-box-out .template-box dl dd .create-02 .create-a{ float:left; width:64px; height:32px; line-height:32px; background:url(../img/album/album-ico-25.jpg) 0 0 no-repeat; text-align:center; color:#666; margin:8px 0 0 14px;}
.template-box-out .template-box dl dd .create-02 .create-a:hover{ background:url(../img/album/album-ico-24.jpg) 0 0 no-repeat;color:#666; text-decoration:none;}

.template-box-out .template-box .operate-box{ float:left; text-align:center; width:580px;}
.template-box-out .template-box .operate-box .success{ font-size:14px; background:url(../img/album/album-ico-27.gif) 0 0 no-repeat; padding-left:35px; display:inline-block; line-height:24px; margin:100px 0;}
.template-box-out .template-box .operate-box .fail{ font-size:20px; background:url(../img/album/album-ico-60.gif) 0 0 no-repeat; padding-left:35px; display:inline-block; line-height:24px; margin:30px 0;}
.template-box-out .template-box .operate-box .tips{ font-size:14px; background:url(../img/album/album-ico-28.gif) 0 0 no-repeat; padding-left:35px; display:inline-block; line-height:24px;  margin:50px 0;}

.template-box-out .template-box dl dd .input-02{ float:left; width:280px; height:30px; border:1px solid #CDCDCD; line-height:30px; border-radius: 3px; margin:18px 0 0 0; padding:0 10px; font-size:14px;}
.template-box-out .template-box dl dd .input-03{ float:left; width:280px; height:30px; border:1px solid #CDCDCD; line-height:30px; border-radius: 3px; margin:18px 0 0 0; padding:0 10px; font-size:14px; background:#F9F9F9;}

.template-box-out .template-box .upload{ float:left; padding:13px 19px 13px 20px; background:#F9F9F9; min-height: 100px;}
.template-box-out .template-box .upload .left{  float:left; width:112px; height:32px; position:relative; /*background:url(../img/album/album-ico-31.jpg) 0 0 no-repeat;*/ text-align:center; line-height:32px; color:#fff; font-size:14px;}

.template-box-out .template-box .upload .left .photo-file{ width:112px; height:32px;  cursor:pointer;opacity: 0;position:absolute; left:0px; top:0px; filter: alpha(opacity=00);}

.template-box-out .template-box .upload .left-gif{ background:url(../img/album/album-ico-32.jpg) 0 0 no-repeat;}
.template-box-out .template-box .upload .left-gif img{ margin-top:8px;}

.template-box-out .template-box .upload .right{ border:1px solid #ddd; float:left; width:409px; min-height:30px; /*background:url(../img/album/album-ico-33.jpg) 0 0 no-repeat;*/ line-height:30px; color:#333; font-size:14px; padding-left:17px; text-align:left;}


.album-view{position:fixed;top:0;right:0;bottom:0;left:0; background:url(../img/album/album-ico-35.png) 0 0 repeat;z-index:9997;overflow:auto;padding-top:40px}

.album-view-new{ background:url(../img/album/album-ico-35.png) 0 0 repeat;padding-top:40px}


.album-view .close-layer{width:56px;height:56px;position:fixed;right:14px;top:0;cursor:pointer;z-index:99995}
.album-view .close-layer i{background:url(../img/album/btn_close_layer.png) 0 0 no-repeat;width:36px;height:36px;position:absolute;left:50%;top:50%;margin:-18px 0 0 -18px}
.album-view .close-layer:hover i{background-position:0 -50px}

.album-view .pin-view-arrows a{display:block;width:24px;height:100px;position:absolute;left:0;top:50%;margin-top:-50px;background:url(../img/album/pin_view_arrows.png) -160px 0 no-repeat}

.album-view .pin-view-arrows a{display:block;width:24px;height:100px;position:absolute;left:0;top:50%;margin-top:-50px;background:url(../img/album/pin_view_arrows.png) -160px 0 no-repeat}
.album-view .pin-view-arrows a.prev:hover{background-position:-160px -170px}
.album-view .pin-view-arrows a.prev:active{background-position:-160px -340px}
.album-view .pin-view-arrows a.next{left:auto;right:0;background-position:-210px 0}
.album-view .pin-view-arrows a.next:hover{background-position:-210px -170px}
.album-view .pin-view-arrows a.next:active{background-position:-210px -340px}
@media screen and (min-width:1200px)
{.album-view .pin-view-arrows a{ width:60px;height:150px;margin-top:-75px;background-position:0 0}
.album-view .pin-view-arrows a.prev:hover{background-position:0 -170px}
.album-view .pin-view-arrows a.prev:active{background-position:0 -340px}
.album-view .pin-view-arrows a.next{background-position:-80px 0}
.album-view .pin-view-arrows a.next:hover{background-position:-80px -170px}
.album-view .pin-view-arrows a.next:active{background-position:-80px -340px}}


.pin-view{  margin: 0 auto;width: 1000px;}
.pin-view .pin-view-wrapper{margin: 0 auto;position: relative;width: 1000px;}
.pin-view .main-part{ float:left; width:742px; margin-left:128px; display:inline;}
.pin-view .image-piece{ background:#fff; padding:20px;}
.pin-view .tool-bar .pt-1{float:left; margin:0 10px 0 0;}
.pin-view .tool-bar .pt-1 .collection{height: 30px; line-height: 30px; color: #fff;  cursor: pointer; display: inline-block;font-size: 14px;text-align: center;text-decoration: none; width:50px; background:#E33D47; border:1px solid #981012;  border-radius: 3px;}
.pin-view .tool-bar .pt-1 .collection:hover{ background:#ED5359;}
.pin-view .tool-bar .pt-2{ float:left; margin-right:10px;}
.pin-view .tool-bar .pt-2 .zan{ display: inline-block; width:34px; height:30px; line-height:30px; text-align:center; font-size:14px; text-align: center; background:#F6F6F6; border:1px solid #C7C7C7; border-radius: 3px;}
.pin-view .tool-bar .pt-2 .zan:hover{ background:#FDFDFD;}
.pin-view .tool-bar .pt-2 .zan i{display: inline-block; width:12px; height:11px; background:url(../img/album/album-ico-10.gif) 0 0 no-repeat; margin-top:11px; cursor:pointer;}
.pin-view .tool-bar .pt-2 .zan:hover i{ background:url(../img/album/album-ico-09.gif) 0 0 no-repeat;}
.pin-view .tool-bar .pt-2 .disabled i{display: inline-block; width:12px; height:12px; background:url(../img/album/like_anime.gif) 0 -1px no-repeat; margin-top:11px; cursor:pointer;}
.pin-view .tool-bar .pt-2 .disabled:hover i{background:url(../img/album/like_anime.gif) 0 -1px no-repeat;}

.pin-view .tool-bar .pt-2 .zan-active i{ background:url(../img/album/album-ico-36.gif) 0 0 no-repeat;}
.pin-view .tool-bar .pt-2 .zan-active:hover i{ background:url(../img/album/album-ico-36.gif) 0 0 no-repeat;}
.pin-view .tool-bar .pt-2 .text{ display: inline-block; height: 30px; line-height: 30px; color: #444; font-size: 14px;text-align: center; width:50px; background:#F6F6F6; border:1px solid #C7C7C7; border-radius: 3px;}
.pin-view .tool-bar .pt-2 .text:hover{ background:#FDFDFD; text-decoration:none;}
.pin-view .main-image{position:relative;overflow:hidden;text-align:center;background:url(../img/album/img_bg_2.png) 0 0 repeat; margin-top:20px;}
.pin-view .main-image img{display:block;margin:0 auto}
.pin-view .tool-bar-text{ color:#999; font-size:14px; line-height:20px; margin-top:18px;}
.pin-view .tool-bar-bottom{ margin-top:20px;}

.pin-view .tool-bar-bottom .pt-2{ float:left; margin-right:10px;}
.pin-view .tool-bar-bottom .pt-2 .zan{ display: inline-block; padding:0 12px 0 10px; height:30px; line-height:30px; text-align:center; font-size:14px; text-align: center; background:#FAFAFA; border:1px solid #EDEDED; color:#666; border-radius: 3px;}
.pin-view .tool-bar-bottom .pt-2 .zan:hover{ background:#FDFDFD; text-decoration:none;}
.pin-view .tool-bar-bottom .pt-2 .zan i{ float:left; width:12px; height:11px; background:url(../img/album/album-ico-10.gif) 0 0 no-repeat; margin-top:10px;}
.pin-view .tool-bar-bottom .pt-2 .zan:hover i{background:url(../img/album/album-ico-09.gif) 0 0 no-repeat;}

.pin-view .tool-bar-bottom .pt-2 .disabled i{  float: left; width:12px; height:12px; background:url(../img/album/like_anime.gif) 0 -1px no-repeat; margin-top:10px; cursor:pointer;}
.pin-view .tool-bar-bottom .pt-2 .disabled:hover i{background:url(../img/album/like_anime.gif) 0 -1px no-repeat;}

.pin-view .tool-bar-bottom .pt-2 .zan-active i{ background:url(../img/album/album-ico-36.gif) 0 0 no-repeat;}
.pin-view .tool-bar-bottom .pt-2 .zan-active:hover i{ background:url(../img/album/album-ico-36.gif) 0 0 no-repeat;}
.pin-view .tool-bar-bottom .pt-2 .zan em{ float:left; cursor:pointer;}
.pin-view .tool-bar-bottom .pt-2 .zan .em-01{ color:#666; padding:0 6px;}
.pin-view .tool-bar-bottom .pt-2 .zan .em-02{color:#999; font-size:14px;  font-family: Microsoft YaHei,宋体;}


.pin-view .tool-bar-bottom .pt-2 .comment{ display: inline-block; padding:0 15px 0 10px; height:30px; line-height:30px; text-align:center; font-size:14px; text-align: center; background:#FAFAFA; border:1px solid #EDEDED; color:#666; border-radius: 3px;}
.pin-view .tool-bar-bottom .pt-2 .comment:hover{ background:#FDFDFD; text-decoration:none;}
.pin-view .tool-bar-bottom .pt-2 .comment i{ float:left; width:12px; height:11px; background:url(../img/album/album-ico-12.gif) 0 0 no-repeat; margin-top:10px;}
.pin-view .tool-bar-bottom .pt-2 .comment:hover i{background:url(../img/album/album-ico-11.gif) 0 0 no-repeat;}
.pin-view .tool-bar-bottom .pt-2 .comment em{ float:left; padding-left:6px; cursor:pointer;}
.pin-view .info-piece{ background:#fff; padding:20px; margin-top:20px;}


.pin-view .info-piece .comments-list{  color:#999; padding:0; line-height:20px; margin-bottom:18px;}
.pin-view .info-piece .comments-list .avatar{ float:left; margin-top:2px;}
.pin-view .info-piece .comments-list .avatar img{ float:left; width:50px; height:50px;}
.pin-view .info-piece .comments-list p{ float:left; padding-left:14px; width:638px; font-size:14px;}
.pin-view .info-piece .comments-list .p-01{ margin-top:4px; color:#999;}
.pin-view .info-piece .comments-list .p-02{ margin-top:6px; color:#666;}
.pin-view .info-piece .comments-speak{ margin-bottom:0px;}
.pin-view .info-piece .comments-speak .textarea-01{ float:left; width:628px; height:41px; border:1px solid #ddd; margin-left:10px; font-size:14px; padding:4px 6px;  border-radius: 2px; overflow:auto; margin-top:2px; font-size:14px;}
.pin-view .info-piece .comments-speak .add-a{ float:right; width:82px; height:30px; background:url(../img/album/album-ico-13.gif) 0 0 no-repeat; text-align:center; line-height:30px; margin-top:10px; color:#333;}
.pin-view .info-piece .comments-speak .add-a:hover{ background:url(../img/album/album-ico-14.gif) 0 0 no-repeat; color:#333; text-decoration:none;}

.album-list-out{ float:left; width:1000px; overflow:hidden; height:auto!important; height:500px; min-height:500px;  }
.album-list-in{ float:left; width:1016px;}
.album-list-in .list{ float:left; width:216px; border:1px solid #eee; margin-right:16px; display:inline; padding:10px; position:relative;margin-top:20px;}
.album-list-in .list .img-a{ float:left; width:216px; height:290px; cursor:pointer;}
.album-list-in .list .img-a:hover{ opacity:0.9;filter:alpha(opacity=90); text-decoration:none;}
.album-list-in .list .top{ float:left; width:216px;  height:216px; background:#eee; overflow:hidden; text-align:center; }
.album-list-in .list .top .table {width: 100%;height: 100%;display: table;position: relative;}
.album-list-in .list .top .tableCell {display: table-cell;vertical-align: middle;text-align: center;*position: absolute;*top: 50%;*left: 50%;}
.album-list-in .list .top span{display: block;*position:relative;*top: -50%;*left: -50%;}
.album-list-in .list .top img{max-height:216px;max-width:216px;width: auto;height: auto;_margin-top:1px; +margin-top:2px;}

.album-list-in .list .edit{ float:left; width:216px; height:32px; background:url(../img/album/album-ico-37.jpg) 0 0 no-repeat; margin-top:8px; text-align:center; line-height:32px; color:#666; font-size:14px;}
.album-list-in .list .edit:hover{ text-decoration:none; color:#666; background:url(../img/album/album-ico-39.jpg) 0 0 no-repeat;}
.album-list-in .list .add-album{ float:left; width:216px; height:330px; background:url(../img/album/album-ico-38.jpg) 0 0 no-repeat;}
.album-list-in .list .add-album:hover{ background:url(../img/album/album-ico-40.jpg) 0 0 no-repeat;}



.album-list-in .list .bottom{ float:left; width:70px; height:70px; margin-top:4px; background:#eee;}
.album-list-in .list .bottom img{ width:70px; height:70px;}
.album-list-in .list .bottom-mid{ margin:4px 3px 0 3px;}
.album-list-in .list .title-1{ font-size:14px; position:absolute; left:10px; top:10px; font-weight: 700; width:208px; padding:8px 0 0 8px; color:#fff; z-index:2}
.album-list-in .list .title-1 a{ color:#fff; }
.album-list-in .list .title-1 a:hover{ text-decoration:none; color:#fff;}


.album-list-in .list .title-2{ font-size:14px; position:absolute; left:10px; top:10px; width:208px; padding:8px 0 0 8px; color:#666; z-index:2}
.album-list-in .list .title-2 a{ color:#666; }
.album-list-in .list .title-2 a:hover{ text-decoration:none; color:#666;}
.album-list-in .list-on .top{ background:#d4d4d4;}
.album-list-in .list-on .bottom{ background:#d4d4d4;}

.album-list-out .loading { float:left; margin-top:20px;}

.personal-part .content .info-part .left-img{ float:left; width:80px; height:80px; padding-bottom:20px;}
.personal-part .content .info-part .left-img img{ width:80px; height:80px;}

.album-in-waterfall{ float:left; width:1000px;}
.album-in-waterfall .left-add{ float:left; width:236px;height:150px; margin-right:16px;border:1px solid #d4d4d4; margin-top:20px; }
.album-in-waterfall .left-add a{ width:216px; height:130px; float:left; background:url(../img/album/album-ico-41.jpg) 0 0 no-repeat; margin:10px ; display:inline; }
.album-in-waterfall .left-add a:hover{ background:url(../img/album/album-ico-42.jpg) 0 0 no-repeat;}
.album-in-waterfall .right-pt{ float:left; width:746px;}

.no-album{ float:left; width:1000px; text-align:center;}
.no-album-in{ float:left; width:100%;}
.no-album .sp1{ display:inline-block; width:148px; height:126px; background:url(../img/album/album-ico-43.jpg) 0 0 no-repeat; margin-top:56px;}
.no-album .sp2{ color:#666; font-size:16px;display:inline-block; margin-top:10px;}
.no-album .sp3{display:inline-block; width:216px; height:32px; background:url(../img/album/album-ico-37.jpg) 0 0 no-repeat; margin-top:8px; text-align:center; line-height:32px; color:#666; font-size:14px;}
.no-album .sp3:hover{ text-decoration:none; color:#666; background:url(../img/album/album-ico-39.jpg) 0 0 no-repeat;}

.template-box-out-album{width:none;}
#startUpload{ height:38px; line-height: 38px; width:95px; display: inline-block; cursor:pointer; background: url(../img/register/save-btn02.gif) 0 0 no-repeat;}





.personal-part .content .info-part .mid .integral-2{ float:left; width:185px; margin-top:17px;}

.personal-part .content .info-part .mid .integral-2 span{ float:left; line-height:16px; background:url(../img/personal-center/personal-gr-03.gif) right 3px no-repeat;text-align:center; overflow:hidden; height:34px;}
.personal-part .content .info-part .mid .integral-2 a{ color:#333;}
.personal-part .content .info-part .mid .integral-2 a:hover{ text-decoration:none; color:#c80000; }

.personal-part .content .info-part .mid .integral-2 em{ float:left;}
.personal-part .content .info-part .mid .integral-2 .em-01{ font-family:Arial; font-size:14px; font-weight:bold; color:#1975ca;}
.personal-part .content .info-part .mid .integral-2 .em-02{ padding-top:4px;}


.personal-part .content .info-part .mid  .integral-2 .sp-01{ width:54px; }
.personal-part .content .info-part .mid  .integral-2 .sp-01 em{ width:54px; }

.personal-part .content .info-part .mid  .integral-2 .sp-02{ width:74px; }
.personal-part .content .info-part .mid  .integral-2 .sp-02 em{ width:74px;}

.personal-part .content .info-part .mid  .integral-2 .sp-03{ width:54px; background:none; }
.personal-part .content .info-part .mid  .integral-2 .sp-03 em{ width:54px;}

.progressBarStatus{ font-size:14px !important;}





.tag-box-list{  width:100%; margin-top:8px; }
.tag-box-list .bt-01{ background:url(../img/album/tab-img08.gif) 0 0 no-repeat; color:#333; float:left; height:23px; line-height:23px; margin-top:5px; width:92px; margin-right:10px; display:inline;}
.tag-box-list .bt-02{  color:#333;float:left; height:23px; line-height:23px; margin-top:5px;}
.tag-box-list .box-01{ padding-bottom:5px; white-space:nowrap; line-height:24px;}
.tag-box-list .box-01 .tag-block{ float:left; margin: 5px 10px 0 0; vertical-align: middle; white-space: nowrap;background:url(../img/album/bin_pick_tab_bg.png) 0 -160px no-repeat;}
.tag-box-list .box-01 .tag-block:hover{ background-position:0 -206px;}
.tag-box-list .box-01 .tag-block:hover em{ background-position:right -229px; color:#666}

.tag-box-list .box-01 em{ background:url(../img/album/bin_pick_tab_bg.png) right -183px no-repeat;display: inline-block;height: 23px;line-height: 22px; padding:0 9px 0 8px;}
.tag-box-list .box-01 a{ color:#1E7FCC;}
.tag-box-list .box-01 a:hover{ text-decoration:none; color:#1E7FCC;}

.tag-box-list .box-01 .add{ line-height:24px; margin-top:5px; float:left; font-size:12px; color:#005197;}
.tag-box-list .box-01 .add:hover{ color:#c80000; text-decoration:underline;}
.tk-tag-box{ padding:0 10px 10px 10px;}
.tag-box-list .tagPopup{ line-height:23px; float:left; margin-top:5px;}

.tag-box-list .box-01 .on{ background-position:0 -206px;}
.tag-box-list .box-01 .on em{background-position:right -229px;}
.tag-box-list .box-01 .on a{ color:#CC0000;}
.tag-box-list .box-01 .on a:hover{color:#005197;}

.tag-box-list .box-01 .add{ line-height:24px; margin-top:5px; float:left; font-size:12px; color:#005197;}
.tag-box-list .box-01 .add:hover{ color:#c80000; text-decoration:underline;}





.tk-tag-box{ padding:0 10px 10px 10px;}
.tag-box-list .tagPopup{ line-height:23px; float:left; margin-top:5px;}

.tag-box-list .box-01 .on{ background-position:0 -206px;}
.tag-box-list .box-01 .on em{background-position:right -229px;}
.tag-box-list .box-01 .on a{ color:#CC0000;}
.tag-box-list .box-01 .on a:hover{color:#005197;}


.tag-box{ float:left; width:416px; border:1px solid #ccc; }
.tag-box .box-01{ float:left; width:416px; padding-bottom:5px; border-bottom:1px solid #ccc; white-space:nowrap; line-height:24px;}
.tag-box .box-01 .tag-block{ float:left; margin: 5px 0 0 10px; vertical-align: middle; white-space: nowrap;background:url(../img/album/bin_pick_tab_bg.png) 0 -160px no-repeat;}
.tag-box .box-01 .tag-block:hover{ background-position:0 -206px;}
.tag-box .box-01 .tag-block:hover em{ background-position:right -229px; color:#666}

.tag-box .box-01 em{ background:url(../img/album/bin_pick_tab_bg.png) right -183px no-repeat; cursor:text;display: inline-block;height: 23px;line-height: 22px; padding:0 9px 0 8px;}
.tag-box .box-01 .close{ color:#666; display:inline-block; font-size:14px; line-height:22px;margin:0 -3px 0 0;position:relative; top:1px;}
.tag-box .box-01 .close:hover{ text-decoration:none;}
.tag-box .box-01 .input01{ border:none; line-height:24px; width:140px; margin:5px 0 0 10px; display:inline; height:24px; float:left; color:#ccc;}
.tag-box .box-01 .input01:focus{ color:#666;}
.tag-box .box-01 .input01::-ms-clear{display:none;}
.tag-box .box-02{ float:left;  width:406px; padding-right:10px; padding-bottom:10px}
.tag-box .box-02 li{ float:left; white-space:nowrap; padding-left:15px; padding:10px 0 0 15px;}
.tag-box .box-02 .on{ color:#005197;}
.tag-box .box-02 span{ cursor:pointer;}


.template-box-out .template-box .dl-02 .tk-tag-box{ padding:0; margin-top:18px;}
.template-box-out .template-box .dl-02 .tag-box{ border:none; width:302px;}
.template-box-out .template-box .dl-02 .tag-box .box-01 .input01{ font-size:14px;}
.template-box-out .template-box .dl-02 .tag-box .box-02{ width:302px; padding-right:0px;}
.template-box-out .template-box .dl-02 .tag-box .box-02 li{ padding:10px 15px 0 0;}
.template-box-out .template-box .dl-02 .tag-box .box-01{ border:1px solid #ccc;width:300px; }

.tab-nav-box{ width:100%; height:57px;  background:url(../img/album/tab-01.jpg) 0 0 repeat-x; font-family:Microsoft YaHei,宋体; text-align:center; }
.tab-in{ display:inline-block;  height:57px;   background:url(../img/album/tab-02.jpg) 0 0 repeat-x; width:auto;}
.tab-in em{ font-size:16px; color:#333; margin-top:15px;}
.tab-in .em-01{ font-size:16px; color:#E33D46;}
.tab-in a{ font-size:18px; color:#fff; background:#E33D47; display:inline-block;  height:33px; line-height:33px;  padding:0 5px; margin:10px 5px 0 5px;}
.tab-in a:hover{ text-decoration:none; color:#fff;}