/*series css*/
#imgList{visibility: hidden;}
#seriesBlock{width: 100%; overflow: hidden;}
.imgBlock{float: left; position: relative; overflow: hidden;}
.mack{display: none; width:100%;}
.imgBlock img{display: block; float: left;}
.imgBlock p{display: block; position: absolute; z-index: 50; height: 100px; padding: 0px 20px; line-height: 100px; font-size: 42px; color: #fff; bottom: 0px;}
.imgBlock p em{font-size: 22px;}
.imgBlock p.small{font-size: 22px; line-height: 24px; padding: 26px 20px; height: 48px;}
.imgBlock .alp_black{background-color: #000; filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; height: 40px; width: 100%; position: absolute; bottom: 0px; left: 0px; padding: 30px 0px;}
.imgBlock .alp_black .jian{float: right; width:40px; height: 40px; background: url(../images/jian.png) no-repeat;}
.imgBlock a{text-decoration: none;}

#series_logo01{display: block; width: 66px; height: 60px; background: url(../images/logo01.png) no-repeat; }
#series_logo02{display: block; width: 99px; height: 60px; background: url(../images/logo02.png) no-repeat; }
#series_logo03{display: block; width: 121px; height: 60px; background: url(../images/logo03.png) no-repeat; }

/*seriesListBlock css*/
#seriesListBlock{padding-top:70px; width: 100%; position: relative;overflow:hidden;}
#scrollBlock{position: relative; margin: 0px auto; overflow: hidden;}
#scrollContent{position: absolute; top: 0px; left: 0px;}
#scrollContent li{float: left; padding: 5px;}
#scrollContent li img{float: left;}
#seriesTitle{font-size: 14px; line-height:26px; margin: 30px 0; padding: 0px 95px; color: #333; text-align:right;font-weight:bold;}
#seriesTitle .choose_other{padding:5px 10px; display:block; float:right; *display:inline-block; *float:none;  background:#000; font-size:12px; line-height:12px;  color:#FFF; text-decoration:none; margin:2px 0 0 10px;  border-radius: 3px;}
#seriesTitle .choose_other .simsun{font-family:simsun; padding-left:5px;}
#seriesTitle a{padding:5px 10px;background:#000;color:#fff;font-size: 12px;line-height: 12px;border-radius: 3px;margin:2px 0 0 10px;display:block;float:right;font-weight:normal;}


#series_left,#series_right{width: 31px; height: 62px; position: absolute;}
#series_left{left: 30px; background: url(../images/series_left.png) no-repeat; top:0px;}
#series_right{right: 30px; background: url(../images/series_right.png) no-repeat; top:0px;}

/*series_detail css*/
#series_detail{position: relative; overflow: hidden;}
#series_detail.ipad{overflow: scroll;}

#series_detail #series_left{top: 40%;}
#series_detail #series_right{top: 40%;}

#moveDiv{position: absolute; top: 0px; left: 0px; display: block;}
#moveDiv img{display: block;}
#series_detail.ipad #moveDiv{}{position: static;}

#imgDetail{width: 80px; height: 20px; background: url(../images/series_fb.png) no-repeat; cursor: pointer; right: 50px; z-index: 10;filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
#imgDetail.hover{background: url(../images/series_fb_hover.png) no-repeat; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#imgDetail.on{width: 327px; height: auto; padding-bottom: 10px; background: #fff; filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; cursor: default;}

#seriesSearchLink{width: 80px; height: 20px; display: block; background: url(../images/series_store_fb.png) no-repeat; cursor: pointer; right: 50px; z-index: 10; filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
#seriesSearchLink:hover{background: url(../images/series_store_fb_hover.png) no-repeat;filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}

#imgDetailContent{display: none;}
#imgDetail.on #imgDetailContent{display: block;}
#imgDetailContent #imgDetailTitle{ padding: 20px 20px 10px; border-bottom: 1px solid #999; margin-bottom: 20px;}
#imgDetailContent #imgDetailTitle h2{font-size: 22px; line-height: 40px; float: left; width:240px;}
#imgDetailContent #imgDetailTitle #closeDetail{display: block; height: 35px; width:35px; background-color: #999; color: #fff; cursor: pointer; float: right; text-align: center; line-height: 35px;}
#imgDetailContent #imgDetailTitle .des{margin: 10px 0px 0px; font-size: 16px; line-height: 18px; vertical-align: baseline;}
#imgDetailContent #imgDetailTitle select{font-size: 12px; width: 150px; vertical-align: middle; height: 18px; line-height: 18px; float: right;}
#imgDetailMain{ height: 130px; overflow: hidden; position: relative; }
.seriesDeBlock{ }
.seriesDeBlock ul{margin-bottom: 10px;}
.seriesDeBlock li{padding-left: 10px; margin: 5px;}
.seriesDeBlock p{padding-left: 10px; margin: 5px;}

#seriesSearBlock{display: none; position: relative;}
#seriesSearchLink.on{width: 327px; height: auto; padding-bottom: 10px; background: #fff; filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; cursor: default;}
#seriesSearchLink.on #seriesSearBlock{display: block;}
#seriesSearBlock #seriesDetailTitle{ padding: 10px 20px 10px;}
#seriesSearBlock #seriesDetailTitle h2{font-size: 18px; line-height: 30px; float: left; width:240px; margin-bottom: 5px;}
#seriesSearBlock #seriesDetailTitle #closeSearch{display: block; height: 35px; width:35px; background-color: #999; color: #fff; cursor: pointer; position: absolute; right: 10px; top: 10px; text-align: center; line-height: 35px;}
#seriesSearBlock .store_address{height: 36px;}
#seriesSearBlock .seriesLabel{float: left; width: 50px;}
#seriesSearBlock .seriesLabelDes{float: left; width: 230px;}
#seriesSearBlock #seriesDetailContent,#seriesSearBlock #seriesDesBlock{ padding: 0px 20px 10px; margin-bottom: 2px; color: #999999;}
#seriesSearBlock #seriesDesBlock a{color: #b79347;}

#scrollContentTmp{width: 20px; position: absolute; left: -100000px; overflow: hidden; height: 20px; display: none;}

#seriesBottomBlock{padding: 20px 10px 0px;}
.sharePage{float: right;}
.sharePage span{float: left; line-height: 25px;}
.sharePage a{float: left; margin-left: 5px; background-image: url(../images/shareNav.gif); background-repeat: no-repeat; height: 25px;}
.sharePage a.printIcon{width:28px; background-position: 0px 0px;}
.sharePage a.mailIcon{width:18px; background-position: -36px 0px;}
.sharePage a.sinaIcon{width:18px; background-position: -65px 0px;}
.sharePage a.ttIcon{width:31px; background-position: -89px 0px;}
.sharePage a.kaixinIcon{width:18px; background-position: -126px 0px;}
.sharePage a.doubanIcon{width:18px; background-position: -155px 0px;}
.sharePage a:hover{background-image: url(../images/shareNav_hover.gif); background-repeat: no-repeat; height: 25px; filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;}
.sharePage a.printIcon:hover{width:28px; background-position: 0px 0px;}
.sharePage a.mailIcon:hover{width:18px; background-position: -36px 0px;}
.sharePage a.sinaIcon:hover{width:18px; background-position: -65px 0px;}
.sharePage a.ttIcon:hover{width:31px; background-position: -89px 0px;}
.sharePage a.kaixinIcon:hover{width:18px; background-position: -126px 0px;}
.sharePage a.doubanIcon:hover{width:18px; background-position: -155px 0px;}

#emailShare{z-index: 10000;}

#emailShare .contactForm{width: 540px; height: 280px; padding: 10px 30px; background-color: #fff; border: 1px solid #ACACAC; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);}
#emailShare .contactForm span.star{margin-left: 10px; color: #ff0000;}
#emailShare .contactForm .floatClose{position: absolute; right: 10px; top: 10px;}
#emailShare .contactForm form{padding: 1px 0px;}
#emailShare .contactForm fieldset{margin: 10px 0px;}
#emailShare .contactForm fieldset span{float: left; width: 80px; height: 20px; line-height: 20px;}
#emailShare .contactForm fieldset label{margin-right:5px;}
#emailShare textarea{width: 400px; height: 80px; padding:5px;}

#emailShare #contactSubmit{margin-left: 80px; border: 0px; display: block; height: 30px; width: 80px; background: #000; text-align: center; line-height: 30px; cursor: pointer; font-size: 14px; color:#FFF;}

#emailShare .floatClose{width: 18px; height: 18px; background: url(../images/floatClose.gif) no-repeat; position: absolute; top: 10px; right: 10px; z-index: 2000;}

#emailShare form{position: relative;}
#emailShare input.textInput{float: left; border: 1px solid #ACACAC;}
#emailShare textarea{border: 1px solid #ACACAC;}


#zixunBlock{z-index: 10000;}

#zixunBlock .contactForm{width: 540px; height: 320px; padding: 10px 30px; background-color: #fff; border: 1px solid #ACACAC; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);}
#zixunBlock .contactForm span.star{margin-left: 10px; color: #ff0000;}
#zixunBlock .contactForm .floatClose{position: absolute; right: 10px; top: 10px;}
#zixunBlock .contactForm form{padding: 1px 0px;}
#zixunBlock .contactForm fieldset{margin: 10px 0px;}
#zixunBlock .contactForm fieldset span{float: left; width: 80px; height: 20px; line-height: 20px;}
#zixunBlock .contactForm fieldset label{margin-right:5px;}
#zixunBlock textarea{width: 400px; height: 80px; padding:5px;}

#zixunBlock #contactSubmit{margin-left: 80px; border: 0px; display: block; height: 30px; width: 80px; background: #000; text-align: center; line-height: 30px; cursor: pointer; font-size: 14px; color:#FFF;}

#zixunBlock .floatClose{width: 18px; height: 18px; background: url(../images/floatClose.gif) no-repeat; position: absolute; top: 10px; right: 10px; z-index: 2000;}

#zixunBlock form{position: relative;}
#zixunBlock input.textInput{float: left; border: 1px solid #ACACAC;}
#zixunBlock textarea{border: 1px solid #ACACAC;}

#emailShareTitle{border-bottom: 2px solid #BB974D; padding: 10px 50px 2px 0px; margin-bottom: 5px; font-size: 16px; line-height: 32px; overflow: hidden; white-space:nowrap;}


.slide{ float:left; background:#fff; position:relative;border-right:1px solid #fff; overflow:hidden;}
.slide a{ display:block; position:absolute; top:0px;z-index:100; left:-32px }
.slide .shade{ width:100%; height:100%; background:#000; position:absolute; top:0px;left:0px;  filter:alpha(opacity=40); -moz-opacity: 0.40; opacity: 0.40; z-index:400; }