@CHARSET "UTF-8";
body {
	padding-top: 80px;
	font: 14px/24px "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	-webkit-font-smoothing: antialiased;
	position: relative;
}
body {
	color: #616161;
}
body#index {
	background-color: #fafafc;
}
body.body-white {
	background-color: #fff;
}
p {
	margin: 0 0 20px;
	color: #616161;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #484848;
}
@media only screen and (max-width: 767px) {
h1{	
	font-size: 24px;
}
h2{	
	font-size: 20px;
}
h3{	
	font-size: 18px;
}
h4{	
	font-size: 16px;
}
h5{	
	font-size: 14px;
}
}
b,
strong,
.maincolor {
	color: #b100b1;
}
a:link,
a:visited {
	color: #cf881c;
}
#index section {
	padding: 0;
}
section,
#index section.section-news,
#index section#wechat,
#index section#chengnuo,
#index section#contact-info {
	padding: 2em 0;
}
#index section#wechat,
section#wechat {
	padding-bottom: 0;
}
header {
	padding-bottom: 20px;
}
.btn-ho.btn.focus,
.btn:focus,
.btn:hover {
	color: #fff;
}
.btn-round {
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}
.btn-no-boder {
	border: none;
}
.btn-lg.btn-round {
	padding: 13px 41px;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.label.label-purple,
.label.label-maincolor {
	background: #9B59B6;
	text-transform: uppercase;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.3em;
	padding: .8em 1.2em;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	letter-spacing: .15em;
	margin: 0 1em 0 0;
	text-indent: 1px;
	font-weight: 600;
}
.label.label-maincolor {
	background: #9B59B6!important;
}
.label a {
	color: #fff;
}
.img-center{
	margin:0 auto;
}
.margin-bottom-20{
	margin-bottom: 20px;
}
.margin-bottom-30{
	margin-bottom: 30px;
}
#main-nav {
	min-height: 80px;
	margin-bottom: 0;
}
.navbar-nav {
	font-size: 1.1em;
	letter-spacing: 2px;
	text-align: center;
}
.navbar {
	-webkit-box-shadow: 0 0 9px 0 #b60081;
	-moz-box-shadow: 0 0 9px 0 #b60081;
	box-shadow: 0 0 9px 0 #b60081;
	background-color: #fff;
}
.navbar-fixed-top,
.navbar-fixed-bottom,
.navbar-static-top {
	margin-right: 0;
	margin-left: 0;
}
.navbar-brand {
	padding: 0;
	background: url("../images/logo.png") center top no-repeat;
	width: 234px;
	height: 70px;
}
.navbar-nav li a,
.navbar-default .navbar-nav>li>a {
	padding: 22px 20px 10px 20px;
	color: #8E44AD;
	text-shadow: none;
	_float: left;
}
.navbar-nav li.current-page a,
.navbar-default .navbar-nav>li.current-page>a {
	padding-top: 17px;
	border-top: 3px solid #b60081;
	color: #b100b1;
	background: #f5f5f5;
}
.navbar-nav li a:hover,
.navbar-default .navbar-nav>li>a:hover {
	background: #9b59b6;
	color: #fff;
}
.navbar-nav li a i {
	line-height: 35px;
	color: #aaa;
}
.navbar-nav li a:hover i {
	color: #fff;
}
.navbar-desk,
.navbar-desk.affix-top {
	background: 0;
}
.navbar-desk {
	border: 0;
	width: 100%;
	z-index: 101;
	margin-bottom: 0;
	transition: all .175s ease;
	padding: 54px 0;
}
.masthead,
.btn-grand,
a.btn-grand {
	color: #fff;
	text-align: center;
	_background-color: #9B59B6;
	filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#653A76, endColorstr=#854D9C);
	_filter: none;
	background-image: -webkit-linear-gradient(top, #653A76 0, #854D9C 100%);
	background-image: -moz-linear-gradient(top, #653A76 0, #854D9C 100%);
	background-image: -ms-linear-gradient(top, #653A76 0, #854D9C 100%);
	background-image: -o-linear-gradient(top, #653A76 0, #854D9C 100%);
	background-image: linear-gradient(top, #653A76 0, #854D9C 100%);
}
a.btn-grand .fa {
	padding-left: 10px;
	;
}
.masthead {
	padding: 3rem .9375rem 2rem;
}
.jumbotron {
	margin-bottom: 0;
}
.jumbotron-homepage.designdesk {
	color: #fff;
	background: url("../images/homedesk.jpg") center center no-repeat #253C4C;
	background-size: cover;
	height: 880px;
	padding: 120px 0 0;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.jumbotron-homepage h1 {
	font-weight: 700;
}
.jumbotron-homepage h1,
.jumbotron-homepage p {
	color: #fff;
}
.jumbotron h1 {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1.25em;
	font-weight: 600;
}
.jumbotron-homepage.designdesk .photo.photo-catlog {
	background: url("../images/catlog.png") center 100px no-repeat;
	width: 800px;
	height: 574px;
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 10px;
}
.jumbotron-homepage .animated {
	position: relative;
	display: block;
}
.jumbotron-fade-top,.jumbotron-fade-bottom{
	display: table;
	width: 100%;
	position: absolute;
	margin: auto;
	z-index: 1;
}
.jumbotron-fade-top{
	height: 252px;
	top:0;
	background: url("../images/jumbotron-top-gradient.png") top left repeat-x;
}
.jumbotron-fade-bottom{
	max-width: 100%;
	height: 96px;
	bottom: 0;
	background: linear-gradient(to bottom,rgba(255,255,255,0) 50%,rgba(0,0,0,0.1) 100%);
}
.home-banner-arrow {
	display: table;
	width: 100%;
	max-width: 100%;
	position: absolute;
	margin: auto;
	bottom: 0;
}
.home-banner-arrow a {
	color: #9B59B6;
}
.section-grey {
	background: #ecebe9;	
	border-bottom: solid 1px #e2e2e6;
}
.section-news .label {
	position: relative;
}
.section-news dl dd,
.section-news p,
dl .section-news dd {
	display: inline-block;
	margin: 0;
}
@media only screen and (max-width: 767px) {
	.jumbotron-homepage.designdesk {
		height: auto;
		padding: 20px 0;
		margin: 0;
	}
}
@media(min-width:768px) {
	.jumbotron-homepage.designdesk {
		height: 600px;
		padding:88px 0 0;
	}
	.jumbotron h1 {
		font-size: 44px;
		line-height: 56px;
		padding-bottom: 0.49em;
	}
	.jumbotron-homepage.designdesk .photo.photo-catlog {
		background-size: 500px 359px;
		background-position-y: 20px;
		
	}
}
@media(min-width:992px) {
	.jumbotron-homepage.designdesk {
		height: 720px;
		padding: 122px 0 0;
	}
	.jumbotron-homepage h1 {
		font-size: 52px;
		line-height: 60px;
		padding-bottom: 0.5em;
	}
	.jumbotron-homepage .btn-lg.btn-round {
		padding: 15px 41px;
	}
	.jumbotron-homepage .lead {
		margin-bottom: 23px;
	}
	.jumbotron-homepage.designdesk .photo.photo-catlog {
		background-size: 100%;
		background-position-y: 90px;
		left: 0;
	}
}
@media(min-width:1200px) {
	.jumbotron-homepage.designdesk {
		height: 780px;
		padding: 138px 0 0;
	}
	.jumbotron-homepage.designdesk .photo.photo-catlog {
		background-size: 100%;
		background-position-y:90px;
		left: 0
	}
}
@media(min-width:1500px) {
	.jumbotron-homepage.designdesk {
		background-size: 100%!important;
		background-position: 50% 55%;
		height: 860px;
		padding: 160px 0 0;
	}
	.jumbotron-homepage.designdesk .photo.photo-catlog {
		background-size: 100%;
		background-position-y: 100px;
		left: 0
	}
}
@media(min-width:1600px) {
	.jumbotron-homepage.designdesk {
		/*height: 880px;
		background-size: contain;*/
	}
	.jumbotron-homepage.designdesk .photo.photo-catlog {
		background-size: 100%;
		background-position-y: 60px;
		left: 0
	}
}
.theBanner {
	position: relative;
	width: 100%;
	overflow: auto;
	_background: url("http://7xl43d.com1.z0.glb.clouddn.com/lycz-good_designer.jpg-indexbanner");
	_height: 800px;
}
.theBanner ul {
	list-style: none;
	width: 300%;
	margin: 0px;
	padding: 0px;
	_display: none;
}
.theBanner ul li {
	display: block;
	float: left;
	width: 33%;
	min-height: 720px;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	box-shadow: inset 0 -3px 6px rgba(0, 0, 0, .1);
}
.theBanner .dots {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
	-o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	text-align: center;
}
.theBanner .dots li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	text-indent: -999em;
	border: 2px solid #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
.theBanner .dots li.active {
	background: #fff;
	opacity: 1;
}
.theBanner .arrows {
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #fff;
}
.theBanner .arrow {
	display: inline;
	padding-left: 10px;
	cursor: pointer;
}
#grace-wrap {
	background: #fff none repeat;
	max-width: 100%;
	margin: 0 auto;	
}
.container-full-fluid {
	position: relative;
	width: 100%;
}
.stripe {
	background: #ecebe9 none repeat;
}
.wide-fixed .container-fluid {
	/*max-width: 1170px;*/
}
#service-process img,
#choose-ring-process img,
#why-me-list-content img,
#dzzjyoushi img,
#ybyoushi img
 {
	margin: 0 auto;
}
@media (min-width: 768px) and (max-width: 992px) {
	#process div:not(.clearfix),
	#choose-ring-process div:not(.clearfix) {
		margin: 40px auto 0px auto;
	}
	#process .col-sm-2,
	#choose-ring-process .col-sm-2 {
		padding-top: 50px;
	}
	#process div.col-sm-12,
	#choose-ring-process div.col-sm-12 {
		margin: 15px 0 0 15px;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		clear: both;
	}
	#process div.col-sm-all,
	#choose-ring-process div.col-sm-all {
		margin: 10px auto;
		padding: 20px 0px 0px 0px;
	}
	#process .clearfix,
	#choose-ring-process .clearfix {
		border-bottom: dashed 1px silver;
	}
}
.diamond-bg {
	background: url("../images/icon/diamond-icon.png") -1px center no-repeat;
	color: #fff;
	width: 80px;
	height: 73px;
	margin: 0 auto;
}
.diamond-bg img {
	padding-top: 23px;
	position: relative;
	left: -1px;
}
.padding-t20 {
	padding-top: 20px;
}
.padding-t40 {
	padding-top: 40px;
}
.takeaway {
	padding: 40px 0;
	border-bottom: 2px dashed #e2e2e6;
	border-bottom: 2px dashed rgba(0, 0, 0, 0.2);
	display: inline-block;
	color: #fff;
	color: rgba(46, 43, 39, 0.13);
}
.takeaway p {
	font-style: italic;
	padding-bottom: 0;
	margin-bottom: 0;
	font-weight: 700;
	font-size: 28px;
}
.takeaway span {
	display: block;
	text-transform: uppercase;
	font-weight: blod;
	font-style: normal;
	letter-spacing: 0.25em;
	font-size: 17px;
	margin-bottom: 10px;
}
section .v-line {
	height: 100px;
	border-right: 2px dashed #e2e2e6;
	border-right: 2px dashed rgba(226, 226, 230, 0.6);
	width: 50%;
}
section .t {
	height: 40px;
	border-right: 2px dashed #e2e2e6;
	border-right: 2px dashed rgba(226, 226, 230, 0.6);
	width: 50%;
}
section h2.tenor {
	border-top: 2px dashed #e2e2e6;
	border-top: 2px dashed rgba(226, 226, 230, 0.6);
	padding-top: 10px;
	display: inline-block;
	margin-top: 0;
}
@media only screen and (max-width: 767px) {
	.takeaway {
		padding: 10px 0;
	}
	section .v-line {
		height: 25px;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
		.takeaway {
		padding: 20px 0;
	}
	section .v-line {
		height: 50px;
	}
}
}
section#service-process .v-line,
section#service-process .t,
section#service-process h2.tenor,
section#service-process .takeaway {
	border-color: rgba(117, 84, 168, 0.5);
}
section#service-process .takeaway p {
	color: rgba(117, 84, 168, 0.4)
}
section#gia4c .v-line,
section#gia4c .t,
section#gia4c h2.tenor,
section#gia4c .takeaway {
	border-color: rgba(52, 170, 183, 0.5);
}
section#gia4c .takeaway p {
	color: rgba(52, 170, 183, 0.4)
}
section#choose-diamond .v-line,
section#choose-diamond .t,
section#choose-diamond h2.tenor,
section#choose-diamond .takeaway {
	border-color: rgba(172, 80, 72, 0.5);
}
section#choose-diamond .takeaway p {
	color: rgba(172, 80, 72, 0.4)
}
section#choose-ring .v-line,
section#choose-ring .t,
section#choose-ring h2.tenor,
section#choose-ring .takeaway {
	border-color: rgba(77, 108, 184, 0.5);
}
section#choose-ring .takeaway p {
	color: rgba(77, 108, 184, 0.4)
}
section#pay-money .v-line,
section#pay-money .t,
section#pay-money h2.tenor,
section#pay-money .takeaway {
	border-color: rgba(72, 164, 115, 0.5);
}
section#pay-money .takeaway p {
	color: rgba(72, 164, 115, 0.4)
}
section#why-me-list .v-line,
section#why-me-list .t,
section#why-me-list h2.tenor,
section#why-me-list .takeaway {
	border-color: rgba(200, 141, 76, 0.5);
}
section#why-me-list .takeaway p {
	color: rgba(200, 141, 76, 0.4)
}
section#our-shop .v-line,
section#our-shop .t,
section#our-shop h2.tenor,
section#our-shop .takeaway {
	border-color: rgba(83, 113, 173, 0.5);
}
section#our-shop .takeaway p {
	color: rgba(83, 113, 173, 0.4)
}
section#preset-form .v-line,
section#preset-form .t,
section#preset-form h2.tenor,
section#preset-form .takeaway {
	border-color: rgba(104, 96, 201, 0.5);
}
section#preset-form .takeaway p {
	color: rgba(104, 96, 201, 0.4)
}
section#news-list .v-line,
section#news-list .t,
section#news-list h2.tenor,
section#news-list .takeaway {
	border-color: rgba(15, 102, 162, 0.5);
}
section#news-list .takeaway p {
	color: rgba(15, 102, 162, 0.4)
}
.has-border-top {
	border-top: 1px solid #aeaeae;
}
.has-margin-top {
	margin-top: 2em;
}
#why-me-list #why-me-list-content {
	
}
#why-me-list-content {
	text-align: center;
}
#index-list {
	padding: 113px 0 30px 0;
	_padding-top: 60px;
}
#index-list-div .col-md-4 {
	*margin-left: 15px;
	_margin-left: auto;
	*margin-right: 15px;
	_margin-right: auto;
}
.padding-tb {
	padding: 40px 0 20px 0;
}
#index-list-div .index-list-p {
	margin-top: 25px;
	margin-bottom: 0;
	line-height: 1.8em;
	letter-spacing: 2px;
}
#articles,
#subcat {
	padding-top: 35px;
	padding-bottom: 45px;
}
#index #index-articles {
	padding-top: 40px;
}
#index #articles {
	padding-top: 0;
}
#index #index-articles header {
	margin-bottom: 20px;
}
#articles article {
	padding: 2px 1px;
	*padding: 2px 5px;
}
#articles article .tile-detail {
	position: absolute;
	bottom: 5px;
	left: 0;
	color: #fff;
	width: 100%;
	z-index: 100;
}
#articles article .tile-detail-inner {
	padding: 20px 20px 10px;
	margin: auto;
	line-height: 150px;
	background: #000;
	opacity: .35;
	filter: alpha(opacity=35);
	width: 98%;
}
#articles article .tile-detail h1 {
	font-size: 16px;
	margin: 0 0 16px 25px;
	position: absolute;
	bottom: 0;
}
.full-width {
	width: 100%;
	overflow: hidden;
}
.height-mini {
	height: 30px;
}
#custom-made {
	background: url("../images/custom-made.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;	
}
.custom-made-title {
	color: #fff;
	font-size: 3em;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	line-height: normal;
	opacity: 0.9;
	text-shadow: 2px 2px 10px black;
	background-color: #b100b1;
}
.custom-made-title span {
	display: block;
	margin: auto;
	font-weight: bold;
	font-size: 1.1em;
}
@media only screen and (max-width: 767px) {
	.custom-made-title {
		font-size: 1.7em;
	}
	.custom-made-title span {
		font-size: 1em;
		padding-bottom: 15px;
	}
}
#chengnuo {} #chengnuo img {
	margin: 0 auto;
}
#map-fade {
	background-image: url("../images/address-map.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 678px;
}
#map-fade h2 {
	font-size: 42px;
	color: #333;
	margin-top: 330px;
	*margin-top: 350px;
}
#contact-info {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 40px;
}
#contact-info .list-group-item {
	border: none;
	border-radius: 0;
	border-right: 1px solid #aeaeae;
}
#contact-info .row div {
	padding-bottom: 20px;
	min-height: 150px;
}
#contact-info h2 {
	font-size: 23px;
	color: #b100b1;
	margin-bottom: 20px;
}
#contact-info img {
	margin: 0 auto;
	margin-bottom: 20px;
}
#contact-info span,
#contact-page p span {
	margin: 0 0 0 10px;
}
#about-banner {
	background: url("../images/about-banner.png") center center no-repeat;
	height: 100%;
}
#caselist-banner {
	background: url("../images/caselist-banner.png") center center no-repeat;
	background-size: contain;
	height: 100%;
}
#contact-banner {
	background: url("../images/contact-banner.png") center center no-repeat;
	height: 100%;
}
#workshop-banner {
	margin: 60px 0 20px 0;
}
.common-banner {
	min-height: 600px;
	zoom: 1;
}
#mapCanvas {
	width: 100%;
	height: 400px;
}
@media only screen and (max-width: 767px) {
#mapCanvas {	
	height: 200px;
}
}
footer {
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #9b59b6;
}
footer p,
footer u,
footer i,footer a {
	color: #fff!important;
}
.lightbox .lb-image {
	max-width: none;
}
.english-font {
	font-family: arial;
}
.header-spaced {
	text-align: center;
}
.tenor {
	font-weight: bold;
}
.gray-font {
	color: #333;
}
.border-left {
	border-left: 1px solid #aeaeae;
}
.border-right {
	border-right: 1px solid #aeaeae;
}
.section-title {
	margin-bottom: 20px;
}
.img-opacity {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.tile-inner {
	height: auto;
}
.tile-inner .img-thumbnail {
	padding: 0;
}
.overlay {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 220px;
	display: block;
}
.overlay .caption {
	background: #1a1a1a;
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.1) inset;
	display: none;
	height: 100%;
	left: 0;
	opacity: 0.9;
	position: absolute;
	width: 100%;
	text-align: center;
	color: #fafafa;
}
.overlay .caption span {
	cursor: pointer;
	color: #fff;
	display: block;
	font-size: 13px;
	margin: 30% auto 0;
	padding: 5px 0;
	text-decoration: none;
	width: 110px;
	background: #3294a6;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}
.overlay img {
	border: 0 none;
	position: absolute;
	max-width: 100%;
	height: auto;
	top: 0;
	left: 0;
}
.bg-gray {
	background-color: #aeaeae;
}
.breadcrumb {
	margin-top: 30px;
	margin-bottom: 0;
	background-color: #fff;
	border-bottom: 1px solid #aeaeae;
	border-radius:0;
}
.breadcrumb>.active {
	color: #333;
}
/*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);}*/

#backtotop {
	position: fixed;
	bottom: 50px;
	right: 20px;
	display: none;
	cursor: pointer;
	font-size: 50px;
	z-index: 9999;
}
#backtotop:hover {
	color: #333
}
#article_content img {
	height: auto !important
}
#article_content {
	word-wrap: break-word;
}
.article-imgset {
	position: relative;
	overflow: auto;
}
.article-imgset ul {
	padding: 0;
}
.article-imgset li {
	list-style: none;
}
.article-imgset ul li {
	float: left;
}
.absolute-center {
	position: absolute;
	top: 48%;
	z-index: 10;
}
.absolute-left {
	left: 12%;
}
.absolute-right {
	right: 14%;
}
.unslider-arrow {} .prev {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 60;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.next {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 60;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.prev:hover,
.next:hover {
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
#not-found .lead {
	padding-top: 20px;
	padding-bottom: 0;
}
#not-found #articles {
	padding-top: 0;
}
div.content-box.big {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-style: solid;
	border-width: 1px 1px 3px;
	border-color: #aeaeae;
	border-bottom-color: #b100b1;
	background: #fff;
	padding: 40px 20px 20px 20px;
	-webkit-transition: background .5s ease-in-out;
	-moz-transition: background .5s ease-in-out;
	-o-transition: background .5s ease-in-out;
	-ms-transition: background .5s ease-in-out;
	transition: background .5s ease-in-out;
	clear: both;
}
.ch-item {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: default;
}
.ch-info-wrap i {
	color: #b100b1;
	font-size: 40px;
	line-height: 100px;
	position: relative;
	z-index: 5;
}
.ch-info-wrap i:hover {
	color: #fff;
}
.bottom-pad-small {
	margin-bottom: 30px;
}
div.content-box.big .ch-info-wrap {
	margin: 0 auto;
	position: absolute;
	top: -57px;
	left: 33%;
	_display: none;
}
div.content-box.big:hover {
	background: #fff;
}
div.content-box.big div.content-box-info {
	position: relative;
	padding-left: 0;
}
div.content-box.big div.content-box-info h3 {
	text-align: center;
}
.ch-info-wrap {
	position: absolute;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	top: 10px;
	left: 10px;
}
.ch-info {
	position: absolute;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	text-align: center;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.ch-info-back {
	background: rgba(177, 0, 177, 0.7) !important;
	filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#9Fb100b1, endcolorstr=#9Fb100b1);
}
.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background-position: center center;
	-webkit-backface-visibility: hidden;
	/*Just for webkit to have a smooth font*/
}
.ch-info-front {
	background: #eeedec;
}
.ch-info .ch-info-front {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.ch-info .ch-info-back {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.4s ease-in-out 0.2s;
	-moz-transition: all 0.4s ease-in-out 0.2s;
	-o-transition: all 0.4s ease-in-out 0.2s;
	-ms-transition: all 0.4s ease-in-out 0.2s;
	transition: all 0.4s ease-in-out 0.2s;
	opacity: 0;
}
.ch-item:hover .ch-info-front {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}
.ch-item:hover .ch-info-back {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	pointer-events: auto;
}
.right-top {
	position: fixed;
	right: 20px;
	top: 150px;
	z-index: 9999;
	_position: absolute;
	_right: expression(eval(document.documentElement.scrollLeft+20));
	_top: expression(eval(document.documentElement.scrollTop+150))
}
.qq-service {
	background: url("../images/logo_small.png") center top no-repeat;
	width: 100px;
	padding: 83px 0 17px 0;
	text-align: center;
	border: 1px solid #f47721;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	behavior: url(../css/PIE.htc);
}
.qq-service a {
	display: block;
	margin-bottom: 5px;
}
.red-bottom {
	position: absolute;
	bottom: 0;
	left: 22px;
	width: 54px;
	height: 4px;
	background-color: #ff0000;
	_overflow: hidden;
}
#news-list {} #newslist-div {
	margin-top: 20px;
}
/*tc widget*/

.tc-main {
	margin-top: 20px;
}
/*tc-box*/

.tc-box {
	background: #fff;
	padding: 5px 10px;
	margin: 10px 0;
}
.tc-box.first-box {
	margin: 0 0 10px 0;
}
/*tc-box end */
/* The blog boxes */
/*.tc-gridbox {
  background-color: #ececec;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 1px 1px #a8a8a8;
  -moz-box-shadow: 0px 1px 1px #a8a8a8;
  box-shadow: 0px 1px 1px #a8a8a8;
  margin-bottom: 40px;
}*/

#newslist-div .news-thumb,
.tc-gridbox {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-bottom: 2px solid #f47721;
	background: #f8f8f8;
	cursor: pointer;
	padding: 0;
}
#newslist-div .news-thumb .img-thumbnail,
.tc-gridbox .img-thumbnail {
	border: none;
	padding: 0;
	background-color: #f8f8f8;
}
.tc-gridbox:hover {
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05), 0 1px 25px 0 rgba(0, 0, 0, .05) inset, 0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
}
.tc-gridbox a {
	text-decoration: none;
}
#newslist-div .news-thumb p,
.tc-gridbox p {
	font-size: 12px;
	font-style: italic;
	color: #888;
	padding: 0 20px;
}
@media (min-width: 768px) and (max-width: 979px) {
	.tc-gridbox {
		display: block;
		float: none;
		width: 95%;
	}
}
#newslist-div .news-thumb,
.tc-gridbox .header {
	text-align: center;
}
.tc-gridbox .footer {
	padding: 5px 14px 5px 14px;
	text-align: right;
}
.tc-gridbox .header .item-image {
	overflow: hidden;
}
.tc-gridbox .header img {
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.tc-gridbox .header img:hover {
	opacity: 0.7;
	-webkit-transform: scale(1.2) rotate(2deg);
	-moz-transform: scale(1.2) rotate(2deg);
	-o-transform: scale(1.2) rotate(2deg);
	-ms-transform: scale(1.2) rotate(2deg);
	transform: scale(1.2) rotate(2deg);
}
#newslist-div .news-thumb h4,
.tc-gridbox .header h4 {
	margin: 20px 0 10px 0;
	padding: 0 10px;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 24px;
}
.tc-gridbox .header h4 a,
.tc-gridbox .header h4 a:focus,
.tc-gridbox .header h4 a:hover {
	white-space: nowrap;
}
.tc-gridbox .header .meta {} .tc-gridbox .header hr {
	border-top-color: #aeaeae;
	border-bottom: none;
	margin: 5px 0;
}
.tc-gridbox .body {
	padding-right: 14px;
	padding-left: 14px;
	margin-bottom: 14px;
}
.tc-gridbox .body a {
	color: #333;
}
.tc-gridbox .body a:hover {
	color: #428bca;
}
.tc-gridbox .btn {
	float: right;
	margin-right: 10px;
	margin-bottom: 18px;
}
/*masonary*/

#container .item {
	margin-bottom: 20px;
}
#container .grid-sizer,
#container .item {
	width: 23%;
	margin: 10px 1%;
	float: left;
	zoom: 1;
}
@media (max-width: 479px) {
	#container .grid-sizer,
	#container .item {
		width: 98%;
		margin: 10px 1%;
		float: left;
		zoom: 1;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	#container .grid-sizer,
	#container .item {
		width: 48%;
		margin: 10px 1%;
		float: left;
		zoom: 1;
	}
}
/*list Boxes
------------------------------------*/

.list-boxes {
	overflow: hidden;
	padding: 15px 20px;
	margin-bottom: 25px;
	background: #fff;
	border-bottom: 2px solid #aeaeae;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	word-wrap: break-word;
	word-break: break-all;
}
.list-boxes:hover h3 a {
	color: #f47721;
}
.list-boxes .list-boxes-img li i {
	color: #72c02c;
	font-size: 12px;
	margin-right: 5px;
}
.list-boxes .list-boxes-img img {
	display: block;
	margin: 5px 10px 10px 0;
}
.list-boxes h3 {
	margin-top: 0;
	font-size: 18px;
	line-height: 18px;
}
.list-boxes a.btn {
	margin-top: 0;
}
/*Red list Box*/

.list-boxes-red {
	background: #e74c3c;
}
/*Blue list Box*/

.list-boxes-blue {
	background: #3498db;
}
/*Grey list Box*/

.list-boxes-grey {
	background: #95a5a6;
}
/*Turquoise list Box*/

.list-boxes-sea {
	background: #1abc9c;
}
/*Turquoise Top Bordered list Box*/

.list-boxes-top-sea {
	border-top: solid 2px #1abc9c;
}
.list-boxes-top-sea:hover {
	border-top-color: #16a085;
}
/*Yellow Top Bordered list Box**/

.list-boxes-top-yellow {
	border-top: solid 2px #f1c40f;
}
.list-boxes-top-yellow:hover {
	border-top-color: #f39c12;
}
/*Orange Left Bordered list Box**/

.list-boxes-left-orange {
	border-left: solid 2px #e67e22;
}
.list-boxes-left-orange:hover {
	border-left-color: #d35400;
}
/*Green Left Bordered list Box**/

.list-boxes-left-green {
	border-left: solid 2px #72c02c;
}
.list-boxes-left-green:hover {
	border-left-color: #5fb611;
}
/*Green Right Bordered list Box**/

.list-boxes-right-u {
	border-right: solid 2px #72c02c;
}
.list-boxes-right-u:hover {
	border-right-color: #5fb611;
}
/*ranking box*/

.ranking ul.unstyled {
	padding-left: 0;
}
.ranking ul.unstyled li {
	padding: 5px 0;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px dashed #f0f0f0;
}
.ranking ul.unstyled li i {
	margin-right: 5px;
}
.ranking li i {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-right: 15px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	background-color: #aaa;
}
.ranking li.top3 i {
	background: #FC9B0B;
}
/*ThinkCMF Photos*/

ul.tc-photos {
	margin: 0;
}
.tc-photos li {
	display: inline;
}
.tc-photos li a {
	text-decoration: none;
}
.tc-photos li img {
	opacity: 0.6;
	width: 50px;
	height: 50px;
	margin: 0 2px 8px;
	border: 1px solid #ddd;
}
.tc-photos li img:hover {
	opacity: 1;
	border: 1px solid #f90;
	/* box-shadow: 0 0 0 1px #f90; */
}
/**/

.tips {
	background-color: #9b59b6;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.bs-callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #aeaeae;
	border-left-width: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	filter: progid: DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=8);
	background-color: #fff;
	-moz-box-shadow: 5px 5px 8px rgba(51, 51, 51, 0.7);
	-webkit-box-shadow: 5px 5px 8px rgba(51, 51, 51, 0.7);
	box-shadow: 5px 5px 8px rgba(51, 51, 51, 0.7);
}
.bs-callout h3 strong {
	font-size: 1.3em;
}
.bs-callout h4 {
	margin-top: 0;
	margin-bottom: 5px;
}
.bs-callout p:last-child {
	margin-bottom: 0;
}
.bs-callout code {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.bs-callout+.bs-callout {
	
}
#gia4c .bs-callout h4 {
	margin-left: 20px;
	letter-spacing: 0.3em;
}
.bs-callout-danger {
	border-left-color: #e92917;
}
.bs-callout-danger h4 {
	color: #e92917;
}
.bs-callout-warning {
	border-left-color: #502420;
}
.bs-callout-warning h4 {
	color: #502420;
}
.bs-callout-info {
	border-left-color: #9b59b6;
}
.bs-callout-info h4 {
	color: #9b59b6;
}
.bs-callout-success {
	border-left-color: #77bf30;
}
.bs-callout-success h4 {
	color: #77bf30;
}
.bs-callout-fail {
	border-left-color: #c8e917;
}
.bs-callout-fail h4 {
	color: #c8e917;
}
.highlight {
	padding: 9px 14px;
	margin-bottom: 14px;
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.highlight pre {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	word-break: normal;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}
.padding-t50 {
	padding-top: 50px;
}
#gia4c header{
	padding-bottom: 0;
}
.which-ringbg{
	background: url("../images/xuanzejietuo.jpg") center center no-repeat;
	width:100%;
	height: 400px;
	font-size: 1.1em;
	line-height: 2.2em;
	padding: 60px 50px 0 0;
}
#process,#choose-ring-process{
	margin-bottom: 2em;
}
.which-diamond-bg{
	background: url("../images/gia4c-book.jpg") center center no-repeat;
	width: 100%;
	height: 400px;	
	margin-bottom: 2em;
}
.which-diamond-bg .div-absolute-center{
	text-align: center;
	padding:20px 0 0 60px;
}
.which-diamond-bg .div-absolute-center p.text-left{
	padding-left:10px;
}
#pay-money .produce-img div{
	padding-bottom: 10px;
}