@charset "utf-8";
body {
	font-family:"宋体";font-size:12px;color:#000;
}
*{margin:0;padding:0;}
a:link,a:visited{font-family:"宋体"; text-decoration: none;font-size:12px;color:#000;	}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}
img{border:0px;margin:0px;}
ul,ol,dl,dd,dt,p{margin:0px;padding:0px;list-style:none;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.display{display:block; }
.hide{display:none;}
.cl{clear:both;}
.ml355{margin-left:360px;}
.mlr15{margin:0 14px;}
.fonttitle{font-family:"微软雅黑";font-size:16px;color:#3082c8;width:115px;height:38px;line-height:38px;float:left;margin-left:10px;text-align:center;}
.mores{width:46px;height:40px;background:url(../images/morebg.png) no-repeat 0 center;float:right;margin-right:5px;}
.newsline{height:7px;background:url(../images/newsline.png) repeat-x; clear:both;}
.width823{width:823px;}
.width275{width:275px;height:357px;}
.widths275{width:275px;height:532px;}
.ml17{margin-left:17px;}
.ml14{margin-left:14px;}
.mb17{margin-bottom:17px;}
.divtitle{width:100%;height:38px;background:url(../images/titlebg.png);}
.fonttitles{font-family:"微软雅黑";font-size:16px;color:#3082c8;width:115px;height:38px;line-height:38px;float:left;margin-left:10px;text-align:center;background:url(../images/titlehoverbg.png) no-repeat;}
.abouttitles{font-family:"微软雅黑";font-size:16px;color:#2c7fc5;width:115px;height:38px;line-height:38px;float:left;margin-left:10px;text-align:center;background:url(../images/titlehoverbg.png) no-repeat;}


.cssleft{width:100%;height:100%;border:1px solid #AAC8EE;border-top:2px solid #2F82C8; float:left;}
.cssleft ul{padding:0 10px;margin-top:2px;}
.cssleft ul li{line-height:34px;}
.cssleft ul li a{color:#020202;}
.cssleft ul li span{float:right;color:#6A6869;}
.mt18{margin-top:18px;}
.width253{width:253px;height:262px;}
.width553{width:553px;height:262px;}
.ml13{margin-left:13px;}
.ml15{margin-left:15px;}
.mt15{margin-top:15px;}



/********引导页*********/
#zcydpage{width:1119px;height:670px;background:url(../images/ydpageimg.jpg) no-repeat;margin:0 auto;position:relative;}
#zcname{width:552px;height:41px;background:url(../images/zjzc.png) no-repeat;position:absolute;top:490px;left:298px;z-index:999;}
#zcydmenu{width:200px;position:absolute;top:560px;left:448px;z-index:999;}
#zcydmenu ul li{float:left;font-family:"宋体";font-size:12px;color:#383333;}
#zcydmenu ul li a{font-family:"宋体";font-size:12px;color:#383333;font-weight:bold;}
#zcydmenu ul li span{margin:0 8px;}

#main{width:100%;background:#fff;}
#header{width:1280px;height:111px;margin:0 auto;background:url(../images/headerbg.jpg) no-repeat;}
#headinfo{width:1117px;height:111px;margin:0 auto; overflow:hidden;}
#logininfo{float:right;margin-top:15px;clear:both;height:20px;overflow:hidden;text-align:right;}
#logininfo ul li{float:left;font-family:"宋体";font-size:12px;color:#000;}
#logininfo ul li a{font-family:"宋体";font-size:12px;color:#000;}
#logininfo ul li span{margin:0 8px;}
.zctouming{background-color:#deedf4;width: 1119px;height: 250px;margin: 0 auto;position:absolute;top:420px;z-index:1;filter:alpha(opacity=40); /*IE滤镜，透明度50%*/-moz-opacity:0.4; /*Firefox私有，透明度50%*/opacity:0.4;/*其他，透明度50%*/}
.zctouming a{width: 1119px;height: 250px;margin: 0 auto;position:absolute;}

/*logo info*/
#logoinfo{margin-top:35px;width:100%;}
/*nav*/
#nav{width:100%;margin:12px auto;}
#menu{width:1095px;height:44px;margin:0 auto;background:url(../images/menubg.png) no-repeat;position:relative;z-index:1;padding-left:25px;}
#menu ul li{width:94px;height:43px;line-height:43px;float:left;cursor:pointer;padding-right:14px;position:relative;text-align:center;}
#menu ul li a{font-family:"微软雅黑";font-size:14px;color:#fff;}
#menu ul li .divline{width:2px;height:43px;background:url(../images/fgline.png) no-repeat 0 80%;float:right;}
#menu ul li:hover{width:94px;background:url(../images/menuhover.png) no-repeat 0 1px;}
#menu ul li:hover a{color:#3082c8;}
#menu ul li.hoverli{background:url(../images/menuhover.png) no-repeat 0 1px;}
#menu ul li.hoverli a{color:#3082c8;}
#menu ul li .childdiv{width:90px;background:#fff;min-height:48px; position:absolute;left:2px; top:42px;clear:both;}
#menu ul li .childdiv ul li{height:24px;line-height:24px; padding-left:15px;text-align:left;}
#menu ul li .childdiv ul li a{color:#686868;}
#menu ul li .childdiv ul li:hover{background:url(../images/navhoverbg.png) no-repeat;}
#menu ul li .childdiv ul li:hover a{color:#0078b4;}
#menu ul li .childdiv_1{width:90px;background:#fff;min-height:48px; position:absolute;left:2px; top:42px;clear:both;}
#menu ul li .childdiv_1 ul li{height:24px;line-height:24px; padding-left:15px;text-align:left;}
#menu ul li .childdiv_1 ul li a{color:#686868;}
#menu ul li .childdiv_1 ul li:hover{background:url(../images/navhoverbg_1.png) no-repeat;}
#menu ul li .childdiv_1 ul li:hover a{color:#0078b4;}
#notice{width:1092px;height:37px;line-height:35px;margin:-3px auto 0 auto;background:url(../images/noticebg.png) no-repeat;padding-left:25px;}
#notice .span1{color:#ff773b;margin-right:20px;font-weight:bold;}

/********首页**********/

/*server news*/
#servernews{width:1117px;height:535px;margin:15px auto 0 auto; overflow:hidden;}
.banner{width:823px;height:252px;clear:both;}
.divimgs{width:668px;height:252px;}
.divimgs img{width:668px;height:252px;}
.width147{width:147px;height:252px;}
.width147 ul li{width:124px;height:67px;background:url(../images/bannerbg.png) no-repeat;cursor:pointer;padding:5px;margin-bottom:10px;margin-left:14px;}
.width147 ul li img{width:124px;height:67px;}
/*.width147 ul li:hover{width:130px;margin-left:0px;background:url(../images/bannerhover.png) no-repeat;padding:5px 0 5px 17px;}*/
.width147 ul li.hoverbanner{width:130px;margin-left:0px;background:url(../images/bannerhover.png) no-repeat;padding:5px 0 5px 17px;}
.ml8{margin-left:8px;}
.svnews{width:823px;height:265px;clear:both;}
.servers{width:253px;}
.servers ul{width:253px;padding:0;}
.servers ul li{float:left;width: 90px;margin: 0 20px 0 15px;line-height:30px;color:#000;}
.servers ul li span{float:left;margin-right:10px;}
.newss{width:533px;padding:0 10px;}
.width131{width:131px;}
.width131 img{width:131px !important;height:90px !important;}
.firstnews{width:533px;height:90px;margin:5px 0; overflow:hidden;}
.firstnews p{width:387px;line-height:20px;}
.firstnews p.p1{color:#787878;font-weight:bold;}
.firstnews p.p2{color:#ff3f04;font-weight:bold;}
.firstnews p.p3{margin-top:5px;color:#060505;}
.firstnews p.p3 span{float:right;margin-right:40px;}
.firstnews p.p3 span a{color:#ff3f04; font-style: italic;}
.indexnews{width:533px;}
.indexnews ul{padding:0;}
.indexnews ul li{line-height:28px;background:url(../images/newsicon.png) no-repeat 0 center;padding-left:10px;}
.indexnews ul li a{color:#020202;}
.indexnews ul li span{color:#CECECE;float:right;}
.indexnews ul li:hover a{color:#ff3f04;}
/*video honor*/
#videohonor{width:1117px;height:360px;margin:15px auto 0 auto;overflow:hidden;}
#divvideo{width:244px;height:246px;background:url(../images/videoonline.png) no-repeat;float:left;}
.videos{clear:both;width:212px;height:170px;margin:50px auto 0 auto;}
.videos a img{width:212px !important; height:170px !important;}
#divhonor{width:565px;height:246px;background:url(../images/honorbg.png) no-repeat;float:left;}
.honors{width:565px;margin-top:24px;}
.honors ul li{float:left;width:176px;height:172px;margin-left:9px;}
.honorimg{width:170px;height:130px;border:1px solid #B0C0FC;padding:5px 3px;}
.honorimg img{width:170px;height:130px;}
.honors ul li p{width:170px;text-align:center;line-height:30px;}
/*政策*/
#zhengce{width:1117px;height:288px;margin:15px auto 0 auto;overflow:hidden;}
.fagui{width:363px;height:287px;float:left;background:url(../images/faguibg.png) no-repeat;border-bottom: 1px solid #acc8ed;overflow: hidden;}
.fagui ul{padding:0 10px;margin-top:5px;overflow:hidden;}
.fagui ul li{line-height:34px;}
.fagui ul li a{color:#020202;}
.fagui ul li span{float:right;color:#6A6869;}
/*员工风采*/
#fengcai{width:1117px;height:245px;margin:15px auto 0 auto;background:url(../images/fengcaibg.png) no-repeat;overflow:hidden;}
.fengcaiinfo{width:1112px;height:180px;padding:0 0 0 5px;margin:25px 0 0 0;}
.fengcaiinfo ul li{float:left;width:180px;height:172px;margin-left:4px;}
.fcimg{width:170px;height:130px;border:1px solid #D6E5FA;padding:5px;}
.fcimg img{width:170px;height:130px;}
.fengcaiinfo ul li p{width:170px;text-align:center;line-height:30px;}
/*友情链接*/
#link{width:1092px;height:134px;background:url(../images/linkbg.png) no-repeat;margin:15px auto 0 auto;padding-left:25px; overflow:hidden;}
#link ul{margin-top:50px;}
#link ul li{float:left;margin-right:52px;line-height:30px;}
#link ul li a{font-family:"宋体";font-size:12px;color:#010101;}
#link ul li:hover{color:#ff3f04;}
#link ul li a:hover{color:#ff3f04;}

/********关于我们**********/
#aboutus{width:1117px;margin:15px auto 0 auto; overflow:hidden;}
#aboutcontent{width:1117px;margin-top:15px;overflow:hidden;}
.width224{width:224px;}
.width875{width:875px;}
.divleftmenu{width:196px;margin:15px auto 20px auto;}
.divleftmenu ul{padding:0;}
.divleftmenu ul li{width:196px;height:33px;background:url(../images/leftmenu.png) no-repeat;margin-bottom:15px; text-align:center;}
.divleftmenu ul li a{font-family:"微软雅黑";font-size:14px;color:#3a88c9;}
.divleftmenu ul li:hover{background:url(../images/leftmenuhover.png) no-repeat;}
.divleftmenu ul li:hover a{color:#fff;}
.divleftmenu ul li.hoverleftli{background:url(../images/leftmenuhover.png) no-repeat;}
.divleftmenu ul li.hoverleftli a{color:#fff;}
.sitediv{font-family:"微软雅黑";font-size:14px;color:#7c7a7a;margin-right:30px;line-height:35px;}
.sitediv a{font-family:"微软雅黑";font-size:14px;color:#7c7a7a;}
#aboutinfo{padding:0 30px;margin:20px 0;font-size:14px;color:#7c7a7a; }
.aboutusinfo{text-indent:2em;}

/*******新闻中心**********/
#newslist{width:1117px;margin:15px auto 0 auto; overflow:hidden;}
#newsinfo{width:1117px;margin-top:15px;overflow:hidden;}
.news{margin:10px 0;padding:0 15px;min-height: 500px;}
.news ul{padding:0;}
.news ul li{line-height:30px;}
.news ul li a{margin-left:20px;font-family:"宋体";font-size:12px;color:#020202;}
.news ul li a .dot{display: inline-block;background: #000;width: 3px;height: 3px;overflow: hidden;margin-right: 7px;}
.news ul li span{font-family:"宋体";font-size:12px;color:#aaa;}
/*******新闻中心详细页**********/
.news_title{text-align:center;color:#908f8f;margin-bottom: 20px;}
.news_title span{color:#747373;font-size:16px;font-family:"微软雅黑";font-weight:bold;letter-spacing:2px;}
.news_title a{color:#0b79b9;}
/**footer**/
#footer{width:100%; margin-top:15px;overflow:hidden;}
.footerline{width:100%;height:2px;background:url(../images/footline.png) repeat-x;overflow:hidden;}
.footerinfo{width:100%;height:120px;background:url(../images/footbg.png);overflow:hidden;}
.footerinfos{width:770px;margin:15px auto;overflow:hidden;line-height: 30px;}
.footerinfos p{line-height:30px;}
/*******会员登录**********/
.login_box{width:568px;height:100px;padding:70px 200px 290px 106px;}
.login_left{width:auto;height:210px;float:left;padding-right:50px;border-right:1px solid #f4f4f4;}
.login_left ul li{line-height:42px;margin-bottom:16px;}
.login_left ul li span{width: 90px;text-align: right;float: left;color:#AAA;font-size:16px;}
.login_name{width: 223px;height: 42px;line-height: 42px;font-size: 14px;color: #888;Background: url('../images/member_namebg.jpg') no-repeat;border: none;padding-left: 28px;}
.login_p{width: 223px;height: 42px;line-height: 42px;font-size: 14px;color: #888;background: url('../images/member_passwordbg.jpg') no-repeat;border: none;padding-left: 28px;}
.btn_green{width: 252px;height: 44px;border: none;cursor: pointer;}
.login_right{width:132px;height:156px;float:right;overflow:hidden;padding-top:44px;}

/*//////////////////////////////////////对话框/////////////////////////*/
.showAlert{ position:absolute;border:12px solid #eee; background-color:#ccc;width:260px;height:100px;z-index:1000; cursor:pointer;margin-top:400px;}
.showAlert .close{text-align:right;}
.showAlert .content{margin-top:10px;height:68px;padding-right:10px;color:#000;text-align:center; font-size:14px;font-weight:bolder; }
.showAlert .tips{line-height:16px;font-size:12px;color:#333;}
.showAlert img{ cursor:pointer;}


/*******会员注册**********/
.registration{margin-top:36px;margin-left:16px;}
.registration_topjpg{margin-bottom:50px;}
.reg_textbox{width:246px;height:44px;line-height:44px;margin-left:6px;border:1px solid #d4d4d4;color:#726e6e;padding-left:10px;font-size:16px;letter-spacing:2px;}
.validate{width:100px;height:44px;line-height:44px;margin-left:6px;border:1px solid #d4d4d4;color:#726e6e !important;padding-left:20px;font-size:16px;letter-spacing:2px;}
.imgValidate{float:right;margin-right:20px;margin-top:4px; cursor:pointer;}


/*******员工风采详细页**********/
.fengcai{width:826px;padding-top:30px;padding-bottom:86px;border-top:1px dotted #9f9f9f;border-bottom:1px dotted #9f9f9f;margin-top:6px;}
.fanye{margin-top:6px;}

/*******员工风采列表**********/
.fengcai_list{margin:10px 0;padding:0 15px;min-height: 500px;}
.fengcai_list ul{padding:0;}
.fengcai_list ul li{width:180px;height:200px;margin:6px 0px 0px 28px;float: left;}
.fengcai_list ul li a img{width:180px !important;height:140px !important;}
.fengcai_list ul li a span:hover{text-decoration:underline;}
.fengcai_list ul li span{width:180px;height:50px;font-family:"宋体";font-size:14px;color:#686868;text-align:center;line-height:24px;overflow:hidden;}

.fengcaiinfo {
width: 1108px;
height: 132px;
}
.fengcaiinfo .virtual_cen {
width: 1108px;
height: 170px;
overflow: hidden;
position: relative;
margin: 0 auto;
margin-top: 20px;
}
.fengcaiinfo .virtual_cen ul{width: 20000px;position: absolute;left: 0px;top: 0px;}
.aleft,.aright{display:none;}


#yincang2{display:none;}
#yincang3{display:none;}
#yincang4{display:none;}
#yincang5{display:none;}
#yincang6{display:none;}
#yincang7{display:none;}

/*******至诚公告**********/
.newslistwraper{width:900px;position:relative;float:right;margin-right: 100px;margin-top: 7px;}
.newslistwraper a.abtn{height:20px;top:0;display:none;}
.newslist{height:20px; line-height:20px; overflow:hidden;position:relative;}
.newslist ul{position:absolute;left:0px;top:0px;width:900px;}

/*******首页新闻中心**********/
.topcn li{display:inline-block;clear:both;cursor:pointer;}
.topcn .index_new_title{float:left;width:520px;line-height:26px;}
.topcn code{color:#cecece;float:right;}
.topcn .newshow{display:none;}
.width374{width:360px;float:right;}
.width374 p{line-height:22px;}
.width374 .p1{color:#787878;font-weight:bold;}
.width374 .p2{color:#ff3f04;font-weight:bold;}
.width374 .p3{width:360px;height: 44px;}
.width374 .p3 span a{color:#ff3f04;}
/*******首页新闻中心**********/
.news .aboutusinfo .feedback{width:580px;margin:0 auto;clear:both;margin-top:40px;}
.news .aboutusinfo .feedback li{text-indent:0;margin-bottom:16px;}
.news .aboutusinfo .feedback li span{clear:both;float:left;text-align:right;width:102px;color:#726e6e;font-size:14px;}
.news .aboutusinfo .feedback li small{color:#ff0000;width:5px;height:5px;}
.message_text{width: 208px;height: 33px;line-height: 33px;margin-left: 6px;border: 1px solid #d4d4d4;color: #726e6e;padding-left: 10px;font-size: 14px;letter-spacing: 1px;}
.textaretBorder{width: 427px;height: 173px;line-height: 33px;margin-left: 6px;border: 1px solid #d4d4d4;color: #726e6e;padding-left: 10px;font-size: 14px;letter-spacing: 1px;}

/*******留言查看**********/
.message_xinxi{width:810px;height:30px;text-align:right;color:#236db1;margin-top:20px;}
.message_xinxi span{color:#fb0729;font-weight:bold;}
.message_question{width:816px;height:auto;color:#1b1b1b;line-height: 26px;}
.message_answer{width:802px;height:auto;padding:20px 16px 20px 5px;background-color:#f8f8f8;border:1px solid #ececec;color:#1b1b1b;margin-left:12px;margin-top:24px;line-height: 26px;}
.message_answer span{color:#f70202;font-family:'宋体';}
.message_line{width:836px;border-top:1px solid #dfdfdf;margin-top:26px;}

/*******视频展厅**********/
#VideoList{width:875px;overflow:hidden;}
#VideoList li{float:left;margin-right:36px;width: 170px;height: 176px;}
#VideoList li img{width: 170px !important;height: 130px !important;}
#VideoList li span{float:left;width: 170px;text-align:center;}

/*******专业服务**********/
.zyfw{margin: 10px 0;padding: 0 15px;min-height: 500px;}
.zyfw ul{padding: 0;float:left;margin:30px 60px 20px 60px;}
.zyfw ul li{line-height: 30px;width:180px;float:left;margin-top:30px;overflow:hidden;}
.zyfw ul li a{font-size:16px;font-weight:bold;}

/*******书本翻页效果**********/
.bookshelf{
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	transition:all 1s;
	float:right;
	margin-top:140px;
}

.bookshelf .shelf{
	/*background:url(../pics/bookshelf.gif);
	background-size:100%;*/
	width:426px;
	height:440px;
}
.bookshelf .shelf .row-1{
	position:relative;
	width:360px;
	height:158px;
	margin-left:33px;
}
/*书本架*/
.bookshelf .shelf .row-1:after, .bookshelf .shelf .row-2:after {
background: url(../pics/wall-bookshelf.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom left;
width: 426px;
height: 210px;
display: block;
content: "";
margin-left: -38px;
}
.bookshelf .shelf .loc {
position: absolute;
bottom: 0;
width: 100%;
}
bookshelf .shelf .loc > div {
width: 33%;
height: 100%;
float: left;
text-align: center;
position: relative;
}
/*书本*/
.bookshelf .thumb1, .bookshelf-row .thumb1 {
background-image: url(../pics/book1.jpg);
width: 92px;
height: 115px;
}
.bookshelf .thumb2, .bookshelf-row .thumb2 {
background-image: url(../pics/book2.jpg);
width: 87px;
height: 115px;
}
.bookshelf .thumb3, .bookshelf-row .thumb3 {
background-image: url(../pics/book3.jpg);
width: 90px;
height: 115px;
}
.bookshelf .sample, .bookshelf-row .sample {
margin: auto;
position: relative;
z-index: 1;
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
-ms-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
-o-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
-webkit-transition: -webkit-transform 0.1s;
-webkit-transform: translate(0, 0);
-moz-transition: -moz-transform 0.1s;
-moz-transform: translate(0, 0);
-ms-transition: -ms-transform 0.1s;
-ms-transform: translate(0, 0);
-o-transition: -o-transform 0.1s;
-o-transform: translate(0, 0);
transition: transform 0.1s;
transform: translate(0, 0);
}
/*书架*/
.bookshelf .shelf .row-1:after, .bookshelf .shelf .row-2:after {
background: url(../pics/wall-bookshelf.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom left;
width: 426px;
height: 210px;
display: block;
content: "";
margin-left: -38px;
}
.bookshelf .shelf .row-2 {
position: relative;
margin-top: 20px;
height: 164px;
width: 360px;
margin-left: 33px;
}
.bookshelf .shelf .row-1:after, .bookshelf .shelf .row-2:after {
background: url(../pics/wall-bookshelf.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom left;
width: 426px;
height: 210px;
display: block;
content: "";
margin-left: -38px;
}
.bookshelf .shelf .loc {
position: absolute;
bottom: 0;
width: 100%;
}
.bookshelf .thumb4, .bookshelf-row .thumb4 {
background-image: url(../pics/book4.jpg);
width: 97px;
height: 125px;
}
.bookshelf .thumb5, .bookshelf-row .thumb5 {
background-image: url(../pics/book5.jpg);
width: 97px;
height: 125px;
}
.bookshelf .thumb6, .bookshelf-row .thumb6 {
background-image: url(../pics/book6.jpg);
width: 104px;
height: 125px;
}
.samples {
position: absolute;
top: 0;
left: 0;
width: 1000px;
height: 700px;
display: none;
}
.samples .bar {
height: 100px;
width: 1000px;
overflow: hidden;
opacity: 0;
-webkit-transition: opacity 0.1s;
-moz-transition: opacity 0.1s;
-o-transition: opacity 0.1s;
-ms-transition: opacity 0.1s;
transition: opacity 0.1s;
}
.samples .share {
margin-top: 40px;
text-align: center;
}
.samples .share .icon {
margin: 0 20px;
cursor: pointer;
}
.table-contents {
background-position: -88px 0;
}
.icon {
width: 22px;
height: 22px;
background-image: url(../pics/new-sprites.png);
display: inline-block;
}
.zoom-in {
background-position: -198px 0;
}
.share-facebook {
background-position: -110px 0;
}
.share-twitter {
background-position: -132px 0;
}
.share-plus {
background-position: -176px 0;
}
.share-pinterest {
background-position: -154px 0;
}
.samples .quit {
background-position: -44px 0;
cursor: default;
position: absolute;
right: 0;
top: 45px;
}

/*亮度*/
.table-contents-hover {
background-position: -88px -22px;
}
.zoom-in-hover {
background-position: -198px -22px;
}
.share-facebook-hover {
background-position: -110px -22px;
}
.share-twitter-hover {
background-position: -132px -22px;
}
.share-plus-hover {
background-position: -176px -22px;
}
.share-pinterest-hover {
background-position: -154px -22px;
}
.sample-magazine1 #book-wrapper {
width: 922px;
margin: 0 39px;
}
#book-wrapper {
width: 960px;
height: 600px;
margin-left: 20px;
margin-right: 20px;
}
.sample-magazine1 #book-wrapper {
width: 922px;
margin: 0 39px;
}
#book-wrapper {
width: 960px;
height: 600px;
margin-left: 20px;
margin-right: 20px;
}
.animate {
-webkit-transition: -webkit-transform 1s;
-moz-transition: -moz-transform 1s;
-ms-transition: -ms-transform 1s;
-o-transition: -o-transform 1s;
transition: transform 1s;
}
.magazine1 {
width: 922px;
height: 600px;
z-index: 0;
}
.show-bar .turnjs-slider {
opacity: 1;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
-ms-transition: opacity 1s;
transition: opacity 1s;
}
.turnjs-slider {
opacity: 0;
-webkit-transition: opacity 0.1s;
-moz-transition: opacity 0.1s;
-o-transition: opacity 0.1s;
-ms-transition: opacity 0.1s;
transition: opacity 0.1s;
}
.turnjs-slider {
width: 600px;
height: 8px;
background: rgba(0,0,0, 0.2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
margin: 20px auto;
}
.turnjs-slider .ui-slider-horizontal {
height: 8px;
width: 520px;
margin-left: 39px;
}
.turnjs-slider .ui-slider {
position: relative;
text-align: left;
}
.turnjs-slider .ui-slider-horizontal .ui-slider-handle {
margin-left: -40px;
margin-top: -1px;
}
.turnjs-slider .ui-slider-handle {
border: 1px solid white;
background-color: black;
opacity: 0.2;
display: block;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.turnjs-slider .ui-slider-handle {
position: absolute;
z-index: 0;
width: 80px;
height: 8px;
cursor: default;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
.show-samples .samples {
display: block;
}