/*detail*/
body{margin:0;}
.details{margin:0 auto;}
.zinner{width: 1200px;margin:0 auto;}
.details .img-b{overflow: hidden;width: 360px;margin:40px 30px 45px 20px;padding:5px;float: left; text-align: center;position: relative;}
.details .img-b div.zlg-wrap{
	overflow:hidden;width: 348px;height:240px;background-color:#fff;border: 1px solid #999;
}
.details .img-b div.zlg-wrap div{
    vertical-align: middle;
    text-align: center;
}
.details .img-b img{max-height: 240px; display: inline-block;vertical-align: middle;}
.details .img-1{width: 350px;haiight:350px;border:0;}
.details .text-s{width:790px;height:360px;margin:40px 0 45px 0;float:left;overflow: hidden;}
.details .text-s .zP{ 
	height: 70px;
    line-height: 42px;
    margin-bottom: 20px;
}
.details .text-s p b{font-family: "Microsoft Yahei";font-size:24px;font-weight:bold;}
.details .text-w{
	width: 580px;
    height: 75px;
    padding-bottom: 20px;
    border-bottom: 1px solid #999;
}
.details .text-s .text-pri{font-family: "Microsoft Yahei";font-size: 20px;color: #666666;height:30px;line-height: 30px;margin:24px 0;}
.details .text-s .text-pri i{font-family: Arial;font-size: 20px;color:#c20000;font-style: normal;}
.details .text-s .text-pri b{font-family: Arial;font-size: 30px;color:#c20000;font-weight:normal;}
.details .text-s .text-pri .pri-i{font-family: "Microsoft Yahei";font-size: 20px;color:#c20000;font-style: normal;}
.details .text-s ul{margin:40px 0 29px  0;padding:0;overflow: hidden;display: inline-block;}
.details .text-s ul:hover{border-color:#c20000;}
.details .text-s ul li{

	border:1px solid #c20000;
	margin-right: 20px;
	min-width:80px;
	height: 38px;
	font-size: 14px;font-family: "Microsoft Yahei";
	float:left;
	list-style: none;
	text-align: center;
	cursor: pointer;   
	line-height: 16px;
}
.details .text-s ul li a{

	line-height: 38px;
	border-left:1px solid #999999;
	padding:0 20px;
	color:#c20000;
	font-size:16px;
	border-left:1px solid #999999;
	padding:0 20px;

}
.details .text-s ul li a:first-child{
	border:0;
}
.details .text-s ul li a:hover{color:#c20000;}
.details .text-s ul .li-text{width:130px;height: 38px;line-height: 38px;margin:0;padding:0;background: url("../../../resource/images/pages/book-l.png") 0 40px; font-family: "Microsoft Yahei";font-size: 20px;border-right: 0;color:#ffffff;text-indent: -8px;}
.details .ul-check{width: 1200px;border-top:1px solid #999999;float: left;    text-align: center;}
.details .ul-check li{width: 200px;line-height: 22px;padding: 10px 56px 14px 56px;font-size: 22px;font-family: "Microsoft Yahei";list-style: none;margin: 0 auto;cursor: pointer;text-align: center;border-top: 2px solid #ffffff;display:inline-block;margin-right:50px;}
.details .ul-check li:last-child{margin-right:0;}
.details .ul-check li.active{border-top: 3px solid #ce3333;}
.details .text-j{padding:30px 10px;margin: 0 60px; float: left;display:none;}
.details .text-j p{font-size: 16px;font-family: "Microsoft Yahei";color:#666666;}
.details .line-v{width:100%;padding:0;margin:0 auto;text-align:center;}
.details .book-t img{height:30px;margin:0 auto;}
.details .book-t{width: 242px;height:30px;border:0;margin:0 auto 20px auto;}
.details .wdetail-book{margin:0;padding:0;}
.details .wdetail-book p{margin:30px auto 0 auto;text-align:center;height:30px;}
.details .wdetail-book p img{border:0;}
/*list*/
.book{width: 100%;}
.zinner{width: 1200px;margin:0 auto;display:block;}
.book .tupian-z{width: 100%;margin:0 auto 50px auto;}
.book .tupian-z img{width: 100%;border:0;}
.book .index{margin:0 auto;}
.book .index .right{width: 900px;float: left;margin: 0 0 40px 0;padding:0;}
.book .index .right ul{width: 900px;padding:0;margin:0;}
.book .index .right ul .tushu:first-child{margin-left:0;}
.book .index .right ul li.tushu:nth-child(4n+1){margin-left:0;}
.book .index .right ul .tushu{width: 200px;height:260px;margin:0 0 30px 26px;border:0;background-color:#ffffff;float: left;list-style: none;box-shadow: 0 0 7px 1px #ccc;}
.book .index .right ul .tushu img{width:100%;border: 0;margin: 0;}
.book .index .right ul .text-name{width:198px;height:20px;line-height:20px;font-size: 16px;font-family: "Microsoft Yahei";text-indent: 12px;text-align: left;color: #666666;padding:0 12px 0 0;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.book .zleft{width:280px;min-height:300px;border: 2px solid rgb(189,21,26);border-radius: 15px;float: left;margin:0 20px 0 0 ;}
.book .zleft ul{width:278px;float: left;padding:0;margin:0;}
.book .zleft ul li{width:228px;height:40px;line-height:40px;font-size: 20px;margin:5px 25px;font-family: "Microsoft Yahei";list-style: none;text-align: center;text-indent:0;}
.book .zchild{cursor: pointer;}
.book .book-box .title{width: 198px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    font-family: "Microsoft Yahei regular";
    text-indent: 12px;
    text-align:left;
    color: rgb(102,102,102);
    overflow: hidden;
    padding: 0 12px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;}
.zleft ul .zchild:hover{
	color:rgb(189,21,26);
}
.book .zchild.active{
	color: rgb(189,21,26);
}
.book .zchild.active:hover{
	color:#fff;
}
.book .zleft ul li:first-child{height:22px;line-height:22px;font-size: 22px;margin:19px 25px;padding:0 5px;font-family: "Microsoft Yahei";text-align: left;text-indent: 5px;border-left: 5px solid rgb(189,21,26);}

/*zw start~~~*/
.book .zleft{width:280px;float:left;}

	/*book  detail carousel*/
.detail-choose-box{
    position: relative;
    width: 290px;
    overflow: hidden;
    margin: 0 30px;
    box-sizing: border-box;
    padding: 0 3px;/*´¦Àíbox-shadowÕÚסһ¿ébug*/
}
.zdetail-carousel-box .zside-btn{
    display: block;
    position: absolute;
    width: 29px;
    height: 45px;
    background: url(../../images/pages/web-icon-spirit.png);
       left: 10px;
    background-position: -5px -168px;
    bottom: 50px;
    cursor: pointer;
}
.zdetail-carousel-box .zside-btn#zright{
	left:initial;
    right: 0;
    background-position: -5px -218px;

}
.zdetail-carousel-box .zside-btn.not-active{
	background-position: -5px -116px;
}
.zdetail-carousel-box .zside-btn#zright.not-active{
	left:initial;
    right: 0;
    background-position: -5px -66px;
}
.zdetail-carousel-box li{
	width: 80px;
    height: 115px;
    padding: 5px;
    float: left;
    overflow: hidden;
       box-sizing: border-box;
}
.zdetail-carousel-box li .zinner-wrap{
    padding: 5px 10px;
}
.zdetail-carousel-box li .zinner{
    margin: 0 auto;
    height: 90px;
    box-sizing: border-box;
    vertical-align: middle;
    display: table-cell;
}
.zdetail-carousel-box li.active .zinner-wrap{
	/*box-shadow: 1px 1px 10px -1px red;*/
}
.zdetail-carousel-box ul{
    margin-top: 5px;
    margin-bottom: 2px;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    transition:all .3s;
}
.zdetail-carousel-box li img{
	max-width:100%;
	margin:0 auto;
	display:block;
}
.zdetail-carousel-box li.active img{
	-webkit-transform:scale(1.4);
   	 -moz-transform:scale(1.4);
   	 	-ms-transform:scale(1.4);
    		-o-transform:scale(1.4);
    			transform:scale(1.4);
}
/*zw code end~~*/