@charset "utf-8";
/* CSS Document */

@font-face{font-family:circularstd-book;src:url(/common/font/circularstd-book.eot);src:url(/common/font/circularstd-book.eot?#iefix) format("embedded-opentype"),url(/common/font/circularstd-book.woff) format("woff"),url(/common/font/circularstd-book.ttf) format("truetype"),url(/common/font/circularstd-book.svg#circularstd-book) format("svg");font-style:normal;font-weight:normal}
@font-face{font-family:circularstd-book;src:url(/common/font/circularstd-bookitalic.eot);src:url(/common/font/circularstd-bookitalic.eot?#iefix) format("embedded-opentype"),url(/common/font/circularstd-bookitalic.woff) format("woff"),url(/common/font/circularstd-bookitalic.ttf) format("truetype"),url(/common/font/circularstd-bookitalic.svg#circularstd-bookitalic) format("svg");font-style:italic;font-weight:normal}
@font-face{font-family:circularstd-book;src:url(/common/font/circularstd-bold.eot);src:url(/common/font/circularstd-bold.eot?#iefix) format("embedded-opentype"),url(/common/font/circularstd-bold.woff) format("woff"),url(/common/font/circularstd-bold.ttf) format("truetype"),url(/common/font/circularstd-bold.svg#circularstd-bold) format("svg");font-style:normal;font-weight:bold}
@font-face{font-family:circularstd-book;src:url(/common/font/circularstd-medium.eot);src:url(/common/font/circularstd-medium.eot?#iefix) format("embedded-opentype"),url(/common/font/circularstd-medium.woff) format("woff"),url(/common/font/circularstd-medium.ttf) format("truetype"),url(/common/font/circularstd-medium.svg#circularstd-medium) format("svg");font-style:normal;font-weight:600}
.box,#box,#boxDvd{
	font-family:proximanova,Arial,sans-serif,Verdana, Geneva, sans-serif;
	color:#747d82;
}


a{ color:#000;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both;}
.box{ width:1000px; margin:0 auto; text-align:left;margin:0 auto;}

/* title */

.titleP{font-family:circularstd-book,Arial,sans-serif; font-size:32px; font-weight:bold; color:#000;text-transform:Uppercase;padding-top:50px;word-spacing:10px;}
.contentP{margin:10px 0 20px 0;font-size:16px;}
.circle img{width:auto; vertical-align:top;margin-top:13px;border:0px; height:6px;}
.circle{text-align:center; width:auto;height:30px; line-height:32px;background:url(/common/images/bg1.jpg) repeat-x;}
.circleMargin{margin-top:50px;margin-bottom:30px;}
.circleMargin img{height:8px;margin-top:12px;}
.circle .subtitle-write{padding-left:15px; padding-right:15px;background:#FFF;font-size:16px;}
.circle .subtitle-title{padding-left:15px; padding-right:15px;background:#FFF;font-size:32px;text-transform:Uppercase;word-spacing:10px;color:#000;font-weight:bold;font-family:circularstd-book,Arial,sans-serif;}
.circleLeft{margin-right:-4px;}
.circleRight{margin-left:-4px;}
.titleBig{margin-top:50px;font-family:circularstd-book,Arial,sans-serif; font-size:32px; font-weight:bold; color:#000;text-transform:Uppercase;word-spacing:10px;}
	
/* title  */


/* professional-album */

.top img{vertical-align:bottom;}
.top_left{float:left; width:219px;}
.top_left li{margin-bottom:15px;}
.top_center{float:left; width:455px; margin-left:15px; margin-right:16px;}
.top_center .top_center_write{height:421px; margin-top:15px; margin-bottom:15px;}
.top_center .top_center_write h1{ word-wrap:break-word;text-transform:Uppercase;
                                 padding-top:70px;font-size:48px;line-height:60px; color:#000000; font-weight:bold;font-family:circularstd-book,Arial,sans-serif;}
.top_center .top_center_write p{font-size:16px;font-family:proximanova,Arial,sans-serif;}
.top_right{float:left; width:295px;}
.top_right li{}
.top_right_li{margin-top:20px; margin-bottom:21px;}
.leatherette{ margin-top:30px; position:relative;height:368px; width:100%; border-top:1px solid #e7e5e5;border-bottom:1px solid #e7e5e5; text-align:left;}
.leatherette_write{position:absolute;width:202px; height:auto;right:0; padding-left:20px;padding-top:110px;}
.leatherette_write div{font-family:circularstd-book,Arial,sans-serif;font-size:32px;color:#000;}
.leatherette_write p{font-size:16px; margin:0px 0 10px 0; text-decoration:underline;font-family:proximanova,Arial,sans-serif;}
.leatherette_write a{display:block; width:150px; height:30px;text-align:center; background:#000; color:#FFF; font-size:20px; line-height:30px;}
.leatherette_pic{position:absolute;width:778px; height:368px;left:0;}
.hardCover{ margin-top:30px; position:relative;height:368px; width:100%; border-top:1px solid #e7e5e5;border-bottom:1px solid #e7e5e5; text-align:left;}
.hardCover_write{position:absolute;width:202px; height:auto;left:0; padding-left:20px;padding-top:110px;}
.hardCover_write div{font-size:32px;color:#000;font-family:circularstd-book,Arial,sans-serif;}
.hardCover_write p{font-size:16px; margin:0px 0 10px 0; text-decoration:underline;}
.hardCover_write a{display:block; width:150px; height:30px;text-align:center; background:#000; color:#FFF; font-size:20px; line-height:30px;}
.hardCover_pic{position:absolute;width:776px; height:368px;right:0;}
.crystal{ margin-top:30px; position:relative;height:368px; width:100%; border-top:1px solid #e7e5e5;border-bottom:1px solid #e7e5e5; text-align:left;}
.crystal_write{position:absolute;width:202px; height:auto;right:0; padding-left:20px;padding-top:110px;}
.crystal_write div{ font-size:32px;color:#000;font-family:circularstd-book,Arial,sans-serif;}
.crystal_write p{font-size:16px; margin:0px 0 10px 0; text-decoration:underline;}
.crystal_write a{display:block; width:150px; height:30px;text-align:center; background:#000; color:#FFF; font-size:20px; line-height:30px;}
.crystal_pic{position:absolute;width:776px; height:368px;left:0;}
.olinen{ margin-top:30px; position:relative;height:368px; width:100%; border-top:1px solid #e7e5e5;border-bottom:1px solid #e7e5e5; text-align:left;}
.olinen_write{position:absolute;width:202px; height:auto;left:0; padding-left:20px;padding-top:110px;}
.olinen_write div{ font-size:32px;color:#000;font-family:circularstd-book,Arial,sans-serif;}
.olinen_write p{font-size:16px; margin:0px 0 10px 0; text-decoration:underline;}
.olinen_write a{display:block; width:150px; height:30px;text-align:center; background:#000; color:#FFF; font-size:20px; line-height:30px;}
.olinen_pic{position:absolute;width:776px; height:368px;right:0;}

.cameo{ margin-top:30px; position:relative;height:367px; width:100%; border-top:1px solid #e7e5e5;border-bottom:1px solid #e7e5e5; text-align:left;}
.cameo_write{position:absolute;width:237px; height:auto;right:0; padding-left:20px;padding-top:110px;}
.cameo_write div{ font-size:32px;color:#000;font-family:circularstd-book,Arial,sans-serif;}
.cameo_write p{font-size:16px; margin:0px 0 10px 0;}
.cameo_pic{position:absolute;width:743px; height:367px;left:0;}  
.text{ margin-top:30px; position:relative;height:368px; width:100%; border-top:1px solid #e7e5e5;border-bottom:1px solid #e7e5e5; text-align:left;}
.text_write{position:absolute;width:237px; height:auto;left:0; padding-left:20px;padding-top:110px;}
.text_write div{ font-size:32px;color:#000;font-family:circularstd-book,Arial,sans-serif;}
.text_write p{font-size:16px; margin:0px 0 10px 0;}
.text_pic{position:absolute;width:742px; height:368px;right:0;}

/* professional-album */


/* edging album */

.edging{ margin:50px 0 50px 0; }
.edging div{ font-weight:bold; font-size:48px; text-align:center; margin:0 0 20px 0;}
.edging p{ font-size:14px; text-indent:2em; line-height:25px; margin:0 auto;}

.edg{ position:relative;}
.edg_01_write{ position:absolute; top:40px; left:50px;}
.edg_01_write div{ font-weight:bold; font-size:52px;color:#000;font-family:circularstd-book,Arial,sans-serif;}
.edg_01_write p{ width:500px; font-size:16px; margin:20px 0 50px 0;}
.edg_02{}
.edg_03,
.edg_04,
.edg_05,
.edg_06,
.edg_07{text-align:center;}

/* edging album */


/* photo book */

.top_banner{text-align:center;margin-top:10px;}
.top_banner div{font-size:40px;color:#000;font-weight:bold;text-transform:uppercase;font-family:circularstd-book,Arial,sans-serif;}
.top_banner hr{width:100%; height:0px; border-top:1px dashed #000;}
.top_banner p{font-size:16px; margin:10px 0 20px 0;}


.photoBook_line{margin:10px 0 30px 0;width:100%; height:0px; border-top:1px dashed #000;}

.quality1{float:left;}
.quality2{float:right;}
.quality2 li, .quality1 li{margin-bottom:20px;}

.photoBook_custom{ margin-bottom:30px; padding:0 20px 0 20px;}
.photoBook_custom li{ width:255px;float:left;border:4px solid #333; padding:5px 10px 15px 10px; text-align:center;}
.photoBook_custom li .photoBook_custom_div{display:table;height:70px;width:100%;}
.photoBook_custom li .photoBook_custom_div div{width:100%;height:70px;display:table-cell; vertical-align:middle;text-align:center;font-size:28px;color:#000;font-style:italic;font-weight:bold;}
.photoBook_custom li p{font-size:18px;text-decoration:underline;}

.photoBook_rigid li{float:left;}

.photoBook_step_title{margin:30px 0 20px 0;text-transform:Uppercase;text-align:center;word-spacing:10px;font-size:32px;font-family:circularstd-book,Arial,sans-serif;color:#000;font-weight:bold;}
.photoBook_step{text-align:center;}
.photoBook_step span{font-size:16px;line-height:22px;}

/* photo book */


/* DVD & canvas print */

#boxDvd{width:1000px; margin:0 auto; margin-top:-30px; margin-bottom:-45px; background:#FFF; padding-bottom:20px;}
#boxDvd>img{width:100%;}
#boxDvd p{font-family:circularstd-book,Arial,sans-serif; font-size:32px; font-weight:bold; color:#000;text-transform:Uppercase;padding-top:50px;word-spacing:10px;}
#bBtn2{ border-radius:4px; width:580px; height:50px; background:url(/common/images/btn_bg.png) no-repeat; background-size: 100% 100%;position:absolute; top:0px; left:0; bottom:0; right:0; z-index:1; margin:auto;}
#bBtn{ color:#FFF; border-radius:5px; display:block; width:580px; height:50px; font-size:24px; line-height:50px; margin:0 auto; position:relative; z-index:2;}

/* DVD & canvas print */


#box{ width:1000px; margin:0 auto;}

.end{ margin-top:50px; text-align:center; position:relative;}

#aBtn2{ border-radius:4px; width:380px; height:50px; background:url(../images/btn_bg.png) repeat; position:absolute; top:0px; left:0; bottom:0; right:0; z-index:1; margin:auto;}
#aBtn{ color:#FFF; border-radius:5px; display:block; width:380px; height:50px; font-size:24px; line-height:50px; margin:0 auto; position:relative; z-index:2;}

#aBtn12{ border-radius:4px; width:980px; height:50px; background:#2b2b2b; position:absolute; top:0px; left:0; bottom:0; right:0; z-index:1; margin:auto;}
#aBtn1{ color:#FFF; border-radius:5px; display:block; width:980px; height:50px; font-size:24px; line-height:50px; margin:0 auto; position:relative; z-index:2;}


/*  print text */

.print_top{ text-align:left;}
.print_top div{font-weight:bold; font-size:48px; margin:0 0 30px 0;}
.print_top_p1{ font-size:42px; margin-bottom:10px;font-family:circularstd-book,Arial,sans-serif;color:#000;}
.print_top_p1-mobile{font-size:48px; margin:0 0 10px 0;}
.print_top_p2{ line-height:25px; font-size:16px; margin-bottom:20px;}
.print_top_p2-mobile{ font-size:32px; margin-bottom:20px;}

/*  print text */

.buynow{ margin:30px 0 0 0; text-align:left; width:1000px; height:70px; background:#2b2b2b;}
.buynow_select{ color:#000; margin:15px 0 0 5px; width:250px; height:40px; border:none; outline:none; font-size:20px;}

/*  Presentation Box */

.liness{width:100%;height:1px;background:#ccc;margin:50px 0;}
.print{ position:relative;}
.print_top_div{ font-size:32px;text-align:left; font-weight:bold;position:absolute; top:20px; color:#000; font-family:circularstd-book,Arial,sans-serif;}
.end_p1{ font-size:32px; font-weight:bold;color:#000; font-family:circularstd-book,Arial,sans-serif;}
.end_p2{ font-size:16px; margin:20px 0 20px 0;}
.end_sel{ margin:50px 0 0 0; text-align:left; height:70px; background:#2b2b2b;}
.end_sel select{ width:210px; height:42px; outline:none; margin:14px 112px 0 5px; font-size:20px;}
.end_sel input, .buynow input{ cursor:pointer; margin:3px 0 0 0px; color:#fff; width:252px; height:42px; font-size:20px; border:none; background:url(../images/button_bg.png) no-repeat; outline:none;}

/*  design service */

.container{
			width: 1000px;
			margin-left: auto;
			margin-right: auto;
			background-color: #FFF;
			color:#000;
			font-family: proximanova,Arial,sans-serif;
		}
		.headerTitle{
			margin:20px 0;
			text-align: center;
			text-transform: uppercase;
			font-size:32px;
			font-family: circularstd-book,Arial,sans-serif;
		}
		.introductionList{
			height: 638px;
			background-image: url(/common/images/free-design_bg1.jpg);
			padding-top:50px;
			text-align:left;
		}
		.introductionList>ul{
			margin-left:330px;
		}
		.introductionList>ul>li{
			margin-top:30px;
		}
		.introductionList>ul>li>img{
			display: block;
		}
		.introductionList>ul>li .freeDisignList{
			position: relative;
			margin-left:15px;
			margin-top:-5px;
		}		
		.introductionList>ul>li .freeDisignList>a{
			font-size:16px;
		}
		.introductionList>ul>li .freeDisignList>a:hover{
			text-decoration: underline;
			color: #ff461f;
		}
		.introductionList>ul>li .freeDisignList .details{
			position: absolute;
			left:30px;
			display:none;
			padding:5px 10px;
			width: 550px;
			line-height:20px;
			border:1px #666 solid;
			background-color:#FFF;
			z-index: 1;
		}
		.freeDesignBanner{
			margin:0 auto;
			width:1000px;
			height:560px;
		}
		.slideBox{ width:810px; height:363px;margin-left:auto;margin-right:auto;  position:relative; border:0px solid #ddd; }
		.slideBox .hd{ height:auto; position:absolute;left:50%;margin-left:-300px;bottom:-120px;z-index:1; }
		.slideBox .hd ul{  zoom:1; float:left; }
		.slideBox .hd ul li{ float:left; width:150px;height:80px;cursor:pointer; text-align:center;}
		.slideBox .hd ul li div{ margin-top:10px;height:0;overflow: hidden;}
		.slideBox .bd{ position:relative; height:100%; z-index:0;overflow: hidden; }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:810px; height:363px; display:block;}

		/* 下面是前/后按钮代码 */

		.slideBox .prev,
		.slideBox .next{ position:absolute; left:-70px; top:50%; margin-top:-11px; display:block; width:16px; height:23px; filter:alpha(opacity=50);opacity:0.5; }
		.slideBox .next{ left:auto; right:-70px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

		.freedesignline{
			width: 70%;
			height:1px;
			background-color: #ccc;
			margin:0 auto;
		}
		.freedesignstep{
			margin-top:40px;
			margin-bottom:50px;
			background: url(/common/images/free-design_bg2.png) no-repeat right top;
		}
		.freedesignstep ul li{
			float:left;
			width:308px;
			height: 266px;
			background-image: url(/common/images/free-design_bg3.png);
			text-align:center;
		}
		.freedesignstep ul li p{
			margin-top:100px;
			font-size:22px;
			font-weight:bold;
		}
		.freedesignstep>ul>li>div{height: 110px;width:180px;margin:0 auto;margin-top:20px;display:table;}
		.freedesignstep>ul>li>div>div{display:table-cell;vertical-align:middle;line-height:20px;}
		.freedesignfooter{
			margin:0 auto;
			width:850px;
		}
		.freedesignfooter dt{
			float:left;
			width:150px;
		}
		.freedesignfooter dd{
		    line-height:25px;
			float:right;
			width:700px;
			text-align:left;
			text-transform:lowercase;
		}
		.freedesignfooter dd:first-letter{
		    font-size:28px;
		}

/*  design service */

.titleColor{text-align:left;}
.titleColor span{display:inline-block;padding:5px 15px;background:#000;color:#FFF;font-size:20px;}

/*  Wall-displays */
.wallStep{}
.wallStep li{float:left;width:299px;height:346px;background:url(/common/images/Wall-Displays_bg2.png);}
.wallStep li>p{margin-top:50px;font-size:22px;font-weight:bold;}
.wallStep li>div{height: 110px;width:240px;margin:0 auto;margin-top:20px;font-size:16px;color:#000;}