/*作品列表*/
.btn-text-more { height: 126px; border-bottom: 1px solid #cbcbcb; }
.btn-text-more a { display: block; width: 100px; height: 50px; margin: 0 auto; background: url(../imgs/text-more.png) no-repeat center center; }
.btn-text-more a:hover { background-image: url(../imgs/text-more-hover.png); }

/*collection-list*/
.trends-list { }
.trends-list a { color: #595757 }
.trends-list a:hover { color: #1bb178 }
.trends-list .item { display: inline-block; position: relative; margin: 5px 36px; overflow: hidden; }
.trends-list .item span { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 342px; background: rgba(0, 0, 0, .5); text-align: center; vertical-align: middle; }
.trends-list .item:hover span { display: table; }
.trends-list .item:first-child { margin-left: 0; }
.trends-list .item:last-child { margin-right: 0; }
.trends-list .item span strong { display: table-cell; vertical-align: middle; font-style: normal; font-weight: normal; font-size: 18px; }
.trends-list .item span em,
.trends-list .item span i { display: inline-block; font-style: normal; color: #fff; width: 100%; font-size: 18px; }
.trends-list .item span i { font-size: 12px; }
.trends-list .item strong { margin-bottom: 25px; font-weight: bold; }

/*lolo*/
.trends-jcarousel-wrapper { margin: 60px auto 0px; position: relative; width: 1238px; }
.trends-jcarousel-wrapper .photo-credits { position: absolute; right: 15px; bottom: 0; font-size: 13px; color: #fff; text-shadow: 0 0 1px rgba(0, 0, 0, 0.85); opacity: .66; }
.trends-jcarousel-wrapper .photo-credits a { color: #fff; }

/** Carousel **/
.trends-jcarousel { position: relative; overflow: hidden; width: 1238px; height: 400px; }
.trends-jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
.trends-jcarousel li { width: 1238px; float: left; }

/** Carousel Controls **/
.trends-jcarousel-control-prev,
.trends-jcarousel-control-next { position: absolute; top: 160px; width: 50px; height: 100px; background: url(../imgs/icon2.png) no-repeat 13px center; }
.trends-jcarousel-control-prev { left: -90px; }
.trends-jcarousel-control-next { background-position: -170px center; right: -90px; }
.trends-jcarousel-control-prev:hover span,
.trends-jcarousel-control-next:hover span { display: block; }
.trends-jcarousel-control-prev.inactive,
.trends-jcarousel-control-next.inactive { opacity: .5; cursor: default; }

/** Carousel Pagination **/
.trends-jcarousel-pagination { position: absolute; bottom: 0; left: 15px; }
.trends-jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; line-height: 14px; min-width: 14px; background: #fff; color: #4E443C; border-radius: 14px; padding: 3px; text-align: center; margin-right: 2px; opacity: .75; }
.trends-jcarousel-pagination a.active { background: #4E443C; color: #fff; opacity: 1; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); }

/*trends-tabs*/
.trends-tabs { margin-top: 30px; }
.trends-tabs .trends-year-nav li { display: inline-block; }
.trends-tabs .trends-year-nav li a { padding: 10px; display: inline-block; color: #999999 }
.trends-tabs .trends-year-nav li.active a { color: #1bb178; }
.trends-tabs .item { position: relative; display: inline-block; overflow: hidden; margin: 20px 18px; }
.trends-tabs .item img { width: 200px; height: 200px; }
.trends-tabs .item span { position: absolute; display: none; bottom: 0; left: 0; height: 200px; background: rgba(0, 0, 0, .5); width: 100% }
.trends-tabs .item:hover span { display: block; }
.trends-tabs .tab-content>.tab-pane { padding: 0 50px; }
.modal-backdrop { background: #fff; }

/*trendsModal*/
.trendsModal img { background: url(../imgs/loading.gif) no-repeat center center; }
.trendsModal .modal-body { position: relative; padding: 0; }
.trends-img-prev,
.trends-img-next { position: fixed; top: 200px; width: 50px; height: 100px; background: url(../imgs/icon2.png) no-repeat 13px center; }
.trends-img-prev { left: -90px; }
.trends-img-next { background-position: -170px center; right: -90px; }
.trends-img-prev:hover span,
.trends-img-next:hover span { display: block; }
.trends-img-prev.inactive,
.trends-img-next.inactive { opacity: .5; cursor: default; }

.trends-article-box{ float:none; color: #898989;line-height: 25px;font-size: 12px;}
.trends-article-box .content{ margin-top: 20px;}
.trends-article-box p{margin-bottom: 20px;}
.trends-article-box a.more{ font-size: 14px;color: #c9caca;display: none  }
.trends-article-box a.more:hover{color: #1bb178; }
.trends-article-box .more.collapsed{display: block}



/*list*/
.trends-list{padding-top: 60px;}
.trends-list img{width: 100%;max-width:350px;}
.trends-list .nav .active a{color:#1bb178;font-size:12px;}
.trends-list .nav a{padding-left: 0;padding-right: 0;text-align: right;}
.nav>li>a:focus, .nav>li>a:hover{background:none;}

.tab-content {width:78%;}
.tab-content .a-list{marin:0;margin-left:276px;margin-top:-6px;padding:0;font-size: 12px;}
.a-list{margin:0;padding:0;font-size: 14px;}
.a-list li{position: relative;padding-left: 70px;line-height: 24px;list-style: none;margin:0;}
.a-list li span{display: inline-block; width: 70px;position: absolute;left:0;top: 0;color:#9fa0a0;}

/*report-list*/
.report-list .nav .active a{color:#1bb178;}
.report-list .nav a{padding-left: 0;padding-right: 0;text-align: right;}
.report-list{margin-top: 40px;position:relative;height:500px;min-height:500px}
.report-list .rpt-img{width: 100%;max-width:260px;position:absolute;left:0;top:0;padding:0;z-index: 9}
.report-list .rpt-img img{width:260px;}
.report-list .rpt-tab{position:absolute;right:0;top:-12px;z-index: 9}
.report-list .rpt-content{padding:0 100px 0 260px;width: 100%}
.report-list .rpt-content .a-list{margin:0;padding:0;font-size: 12px;}
.report-list .rpt-content .a-list li{position: relative;line-height: 24px;list-style: none;padding-left:27px;margin:0;}
.report-list .rpt-content .a-list li span{display: inline-block; width:auto;position:static;color:#9fa0a0;}
.report-list .rpt-content .a-list li i{color:#9fa0a0;font-style:normal;}
.carousel-inner .item a{display:block;position:relative;color:#fff;overflow:hidden;width:260px;}
.carousel-inner .item a span{display:none;position:absolute;bottom:0;left:0;padding:460px 0 5px 15px;width:100%;background:rgba(0,0,0,.5);line-height: 22px;}
.carousel-inner .item a:hover span{display:block;}
.carousel-inner .item a span em{display:block;font-style:normal;font-size:12px;}
.carousel-inner .item a span i{display:block;font-style:normal;}
.carousel-control{display: none;}