@charset "utf-8";
/* CSS Document */

.album-container{padding:10px 0}
.fd-hide{display:none}
/*
 * 相册列表 主区域
 */
.album-list-main {
	margin-left:3px;
}

.album-list-main li {
	float:left;
	list-style:none outside none;
    height: 241px;
    width: 174px;
	padding:0 6px 17px;
}

.album-list-main li.last {
	padding-right:0;
}

.album-list-main .cover {
	background: url("../images/album.png") no-repeat scroll 0 0 transparent;
	position:relative;
	overflow:hidden;
    height: 171px;
    width: 170px;
}

.album-list-main .cover a {
	display:table-cell;
	overflow:hidden;
	vertical-align:middle;
	text-align:center;
	width: 160px;
	height:161px;
	/* ie hack image vertical-align middle */
	*display: block;
	*font-size: 146px; /* 161 * 0.873 */
	*font-family: Arial;
}

.album-list-main .cover img {
	vertical-align: middle;
}

.album-list-main .cover-label {
	background: url("../images/album.png") no-repeat scroll 0 0 transparent;
	background-position: 0 -299px;
	height:42px;
	width:42px;
	left:0;
	top:0;
	position:absolute;
}

.album-list-main .title {
	margin: 5px auto 0;
    text-align: center;
	_font-family: "\5b8b\4f53"; /* 此hack(宋体)用于修复相册栏目页翻页时 字体会变粗的bug */
    word-break: break-all;
    word-wrap: break-word;
    border:none;
    background:none;
    padding-left:0px;
    overflow:hidden;
    font-weight:normal;
    
}
.album-list-main .title a{color: #603429;font-size:12px;}

.album-list-main .count {
	margin: 5px auto 0;
    text-align: center;
	_font-family: "\5b8b\4f53"; /* 此hack(宋体)用于修复相册栏目页翻页时 字体会变粗的bug */
}

.album-list-main .count {
	text-align:center;
	color:#8F8F8F;
}

/** 
 * 相册列表 侧边栏
 */
.album-list-sub li {
	overflow: hidden;
	width: 100%;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #cbcbcb;
}

.album-list-sub .cover {
	background: url(../images/album.png) no-repeat;
	background-position:0 -199px;
	overflow: hidden;
	position:relative;
	float: left;
	height: 72px;
    width: 72px;
	padding: 1px;
	margin-right: 3px;
}

.album-list-sub .cover a {
	display: table-cell;
	overflow: hidden;
	width: 67px;
	height:66px;
	text-align:center;
	vertical-align: middle;
	
	/* ie hack image vertical-align middle */
	*display: block;
	*font-size: 58px; /* 66 x 0.873 */
	*font-family: Arial;
}

.album-list-sub .cover img {
	vertical-align: middle;
	width:64px;
	height:64px;
}

.album-list-sub .cover-label {
	background: url("../images/album.png") no-repeat scroll 0 0 transparent;
	background-position: 0 -362px;
	height:23px;
	width:23px;
	left:0;
	top:0;
	position:absolute;
}

.album-list-sub .title,
.album-list-sub .count {
	float: left;
	width: 95px;
	word-break: break-all;
	word-wrap: break-word;
}
.album-list-sub .count {
	margin-top: 4px;
	color: #8F8F8F;
}

.album-container:after{
		clear: both;
    content: " ";
    display: block;
    height: 0;

}
.album-container{	zoom:1}

.segment-box {
width: 952px;
margin: 0 auto;
padding: 0 4px;
}
.app-albumDetailTop  {
	width:952px;
	margin:0 auto;
	font-family:"宋体";
}
.app-albumDetailTop  .alitalk-btn:hover {
	text-decoration: none;
}
.app-albumDetailTop  .company-name {
	font-size:14px;
	float: left;
	font-weight:bold;
	padding: 24px 20px 10px 8px;
}
.app-albumDetailTop  .company-name a {
	font-family:"宋体";
	font-weight:bold;
	font-size:14px;
	color:#666666;
}

.app-albumDetailTop  .tp-logo {
	float: left;
	margin-right: 8px;
	padding: 25px 0 10px 0;
}
.app-albumDetailTop  .tp-year {
	float: left;
	padding: 24px 0 10px 0;
}

.app-albumDetailTop  .tp-year span {
	margin:0 auto;
	padding: 0 2px 0 2px;
}

.app-albumDetailTop  .link-items {
	float: left;
	padding: 20px 0 10px 20px;
}

.app-albumGuide{
    background-color:#f2f0f0;
    height: 433px;
    margin-top:10px;
    padding-bottom:90px;
}
.app-albumGuide .container,.app-albumGuide .containert{
    width:952px;
    margin:0 auto;
    padding-top:30px;
}
.app-albumGuide .big-img-field{
    float:left;
    width:624px;
    padding-left:20px;
    background-color: #fff;
    box-shadow: 1px 1px 3px #CCCCCC;
		border:1px solid #eee;
}
.app-albumGuide .big-img-field .title{
    font-size: 14px;
    font-weight:700;
    color:#333;
    margin:20px 0;
    border:none;
    line-height:25px;text-align:left;height:25px;
    background:none;
}
.app-albumGuide .big-img-field .img{
    width:600px;
    border: 1px solid #e6e6e6;
    position: relative;
    overflow:hidden;
    height:390px;
}
.app-albumGuide .big-img-field .img .left,.big-img-field .img .right{
    height:600px;
    width:300px;
    position: absolute;
    z-index: 20;
    background-repeat: no-repeat;
    border:none;
    background:none;
}
.app-albumGuide .big-img-field .img .left{
    left:0px;
    cursor: url("../images/left.ico"), auto;
    background-image: url(about:blank);
}
.app-albumGuide .container .big-img-field .img .left-disable{
    cursor: url("../images/leftdisable.ico"), auto;
}
.app-albumGuide .big-img-field .img .right{
    cursor: url("../images/right.ico"), auto;
    left:300px;
    background-image: url(about:blank);
}
.app-albumGuide .container .big-img-field .img .right-disable{
    cursor: url("../images/rightdisable.ico"), auto;
}
.app-albumGuide .big-img-field .detail{
    margin:20px 0 28px;
    width:600px;
    color:#666;
    word-break: break-all;
    word-wrap: break-word;
}
.app-albumGuide .album-more{
    float:right;
    width:264px;
		padding:10px;
		background:#fff;
		box-shadow: 1px 1px 3px #CCCCCC;
		border:1px solid #eee
}
.app-albumGuide .album-list select{
    width:180px;
    margin-left:6px;
}
.app-albumGuide .ui-combobox .result{
    width:149px;
}
.app-albumGuide .album-info {
    position:relative;
	width:232px;
	margin:20px auto 0
}
.album-list{overflow:hidden;}
.app-albumGuide .album-info li{
    float:left;
    width:54px;
    height:54px;
    border:1px solid #e1e1e1;
    display:table;
    text-align:center;
    overflow:hidden;
    font-size:0;
    *display:block;
		margin:0 1px 2px
}
#image-list-container{overflow:hidden;}
.app-albumGuide .album-info li a{
    display:table-cell;
    vertical-align:middle;
    *display:inline;
    *writing-mode:tb-rl;
    *text-align:center;
    *height:100%;
    padding:0px;
}
.app-albumGuide .album-info img{
    vertical-align: middle;
		max-width:54px;
		max-height:54px;
		_width:54px;
		_height:54px
}
.app-albumGuide .img-wrapper{
    font-size:0;
}
.app-albumGuide .img-wrap{
    text-align:center;
    font-size:0;
}
.app-albumGuide .album-info .current{
    border: 1px solid #FF7300;
    position: relative;
    z-index: 9;
    padding:0px;
    background:none;
}
.app-albumGuide .album-info .left,.album-info .right{
    position:absolute;
    width:11px;
    height:21px;
    background-image:url(../images/arrow.png);
	background-color:#fff;
    background-repeat: no-repeat;
    top:18px;
    margin-right:0px;
    padding:0px;
    border:none;
}
.app-albumGuide .album-info .left,.album-info .left:hover,.album-more .album-info .left-disable{
    left:-18px;
}
.app-albumGuide .album-info .right,.album-info .right:hover,.album-more .album-info .right-disable{
    right:-20px;
}
.app-albumGuide .album-info .left{
    background-position: 0 -90px;
}
.app-albumGuide .album-info .right{
    background-position: 0 0;
}
.app-albumGuide .album-info .left:hover{
    background-position: 0 -120px;
}
.app-albumGuide .album-info .right:hover{
    background-position: 0 -30px;
}
.app-albumGuide .album-more .album-info .left-disable,.app-albumGuide .album-more .album-info .left-disable:hover{
    background-position: 0 -150px;
    cursor:default;
}
.app-albumGuide .album-more .album-info .right-disable,.app-albumGuide .album-more .album-info .right-disable:hover{
    background-position: 0 -60px;
    cursor:default;
}
.app-albumGuide .no-image{
    height:32px;
    line-height:31px;
    font-size:16px;
    color:#666;
    font-weight:700;
    padding-left:40px;
    background-image:url(../images/arrow.png);
    background-repeat:no-repeat;
    background-position:0 -180px;
    width: 350px;
}
.app-albumGuide .no-password{
    width:270px;
}
.app-albumGuide .ui-combobox-panel .list{
    width: 170px;
}
.app-albumGuide .ui-combobox-panel .list li{
    height:18px;
    overflow:hidden;
}
.app-albumGuide .ui-combobox-panel .list .lock{
    background-image:url(../images/arrow.png);
    background-repeat:no-repeat;
    background-position: 0 -231px;
    width:139px;
    padding-left:14px;
}
.app-albumGuide .album-list{
    height:22px;
}
.app-albumGuide .album-list .ui-combobox{
    float:left;
}
.app-albumGuide .album-list label{
    float:left;
    margin-top:2px;
}
.app-albumGuide .ali-color{
    color:#ff7300;
    margin-left:3px;
}
.app-albumGuide .album-offer{
    margin-top:24px;
    border-top:1px dashed #dcdcdc;

}
.app-albumGuide .album-offer h3{
    height:31px;
    padding-left:12px;
    line-height:31px;
    color:#333;
	background-color:#fff;
	text-align:left;
}
.app-albumGuide .album-offer ul{
    border:1px solid #dcdcdc;
	background-color:#fff;
	overflow:hidden;
}
.app-albumGuide .album-offer ul li{
	padding:16px 12px;
	border-bottom:1px dashed #dcdcdc;
}
.app-albumGuide .album-offer ul li.offer-last{width:200px;}
.app-albumGuide .album-offer .offer-last{
	border:none;
	overflow:hidden;
	*zoom:1
}	
.app-albumGuide .album-offer .offer-img{
    float:left;display:inline;
    width:64px;
    height:64px;
	margin-right:10px;
}
.app-albumGuide .album-offer .offer-title a{color:#666;font-size:12px;line-height:26px;}
.app-albumGuide .album-offer .offer-info{
	float:left;
	width:125px;
}
.app-albumGuide .album-offer .offer-title{
	margin-top:-2px;
	line-height:16px;
	height:28px;
	overflow:hidden;
	word-break: break-all;
    word-wrap: break-word;
}
.app-albumGuide .album-offer .offer-price{
	float:left;
	margin-top:2px;
	color:#333;
}	
.app-albumGuide .album-offer .offer-price span{
	color:#ff7300;
	font-weight:700;
}
.app-albumGuide .album-offer .offer-detail{
	float:right;
	height:24px;
	width:78px;
	font-size:12px;
	color:#fff;
	font-weight:700;
	line-height:24px;
	background-color:#ff7300;
	text-align:center;
}
.offer-price{color:#333;font-size:13px;line-height:25px;}
.app-albumGuide .album-offer .offer-detail:hover{
	text-decoration:none;
}
.img-wrapper{text-align:center}

#foot{border:none;padding-top:24px}