body{ padding-right:0 !important;}
.books{ font-family:"SourceHanSansCN-Regular"; padding:15px 0;}
.books>ul{ padding:0;}
.books>ul>li{ display:block; padding-bottom:8px; /*text-align:center;*/}
.books>ul>li .caption{ font-size:14px; line-height:200%; overflow:hidden; border:1px solid #f5f5f5; background-color:#fcfcfc; height: 198px;}
.books>ul>li .thumbnail{border-radius:0; margin-bottom:0; position:relative; width: 33.3%; float: left;}

/*.books>ul>li .thumbnail:hover img{transform: scale(1.0);}*/
.books>ul>li:hover .thumbnail img{position:relative;}
.books>ul>li .thumbnail .box{ position:absolute; bottom:0; left:0; width:100%; padding:10px 0; text-align:center;background-color:rgba(33,45,56,0.4); overflow:hidden; display:none;}
.books>ul>li:hover .thumbnail .box{ display:block;}
.books>ul>li .thumbnail .box a{ display:inline-block; padding:4px 12%; color:#fff; margin:0 3px; background-color:#3288c4; text-decoration:none;}
.books>ul>li .caption h4{ margin:10px 4px; font-size:14px; position:relative; padding-right:70px; text-align:left;}
.books>ul>li .caption h4 a{ color:#4b88c2; width:100%; display: -webkit-box; max-height: 48px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.books>ul>li .caption h4 span { color:#535353; position:absolute; right:0; top:0;}

.books>ul>li .caption .books-info{ width: 66.6%; float: left; padding: 10px 20px 0;}
.books>ul>li .caption .books-info h4{ font-size: 22px; padding-right: 0;}
.books>ul>li .caption .books-info h4 a{ color: #2e2e2e;}
.books>ul>li .caption .books-info h4 span{ position: inherit;}
.books>ul>li .caption .books-info .dl-horizontal dt{ width: 70px; line-height: 1.6; font-weight: normal; color: #a7a7a7;}
.books>ul>li .caption .books-info .dl-horizontal dd{  margin-left: 70px; line-height: 1.6; color: #a7a7a7; text-align: left;}
.books>ul>li .caption .books-info .description{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 25px; max-height: 75px; overflow: hidden; color: #2e2e2e;}
.books>ul>li .caption .books-info .description p{ text-indent: 0;}


#viewpop .btn{ position:absolute; top:-22px; right:-17px; z-index:999; background-color:transparent; border:none; padding:0; font-size:26px; color:#fff;}
#viewpop .modal-dialog{ margin-top:60px; width:760px;}
#viewpop .modal-content{border-radius:0; border:none; min-height:200px; padding:15px; font-family:"SourceHanSansCN-Regular";}
#viewpop .modal-content>.row{ margin-left:-10px; margin-right:-10px;}
#viewpop .modal-content>.row>div{ padding:0 10px;}
#viewpop .modal-content .thumbnail{ margin-bottom:0; border:1px solid #f5f5f5;}
#viewpop .modal-content h3{ font-size:22px; color:#4b88c2; margin:0;}
#viewpop .modal-content h3 span{ color:#535353; padding-left:10px;}
#viewpop .modal-content h5{ font-size:12px; color:#9b9b9b; margin:5px 0 0;}
#viewpop .viewpop-info{ padding:10px 0; overflow:hidden;}
#viewpop .viewpop-info p{ text-indent:2em;}
#viewpop .viewpop-footer a{ display:inline-block; padding:5px 30px; background-color:#6bc9f0; color:#fff; font-size:16px; font-family:"SourceHanSansCN-Regular"; margin-right:8px;}

.skin-color{ color:#fff;}
.skin-color:hover{color:#fff;}
@media (max-width: 767px){
	#viewpop .modal-dialog{ width:auto;}
	.books>ul>li .thumbnail{ width: 100%;}
	.books>ul>li .caption{ font-size: 12px;}
	.books>ul>li .caption .books-info{ padding: 15px; width: 100%;}
	.books>ul>li .caption .books-info h4{ font-size: 18px;}
	.books>ul>li .caption .books-info .dl-horizontal dt{ float: left; text-align: right;}
}