/*main layout*/
	.main{
		display: table;
		margin:18px auto;
		width: 1500px;
		background:url(../images/pagebg.jpg) repeat-y;
	}
	.mainLeft{
		display: table-cell;vertical-align: top;
		width: 196px;background: #FFF;margin:0;padding: 0;
		overflow: hidden; word-break: break-all; word-wrap: break-word;}
	.menu-product{
		border-right: solid 1px #E2E2EA;height: 100%;margin:0;padding: 0;
	}
	.menu-product ul,.menu-product ul li{margin: 0;padding: 0;}
	.mainRight{
		display: table-cell;vertical-align: top;
		width: 1303px;
		overflow: hidden; word-break: break-all; word-wrap: break-word;
		background: url(../images/content_bg.jpg);
	}
	.rightHeader{
		overflow: hidden;
		padding-bottom: 8px;
	}
	.rightContent{
		padding: 2px 8px 0 8px;
	}
/*******************public*********************************************************/
	.btn-box {
		border-radius: 8px;
		background-color: #F5F6FB;
		border: solid 1px #E2E8F8;
		text-align: center;
		vertical-align: middle;
		display: inline-block;
		cursor: pointer;
		transition: all .2s;
	}
	.btn-box.selected {
		background-color:  #6D6A89;/*#0a6979*/
		box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
	}
	.btn-box .box-label {
		color: #333;
		line-height: 35px;
	}
	.btn-box.selected .box-label {
		color: #F8F8F8;
		line-height: 35px;
	}
	
	.search-btn{
		width: 136px;height: 36px;display: inline-block;margin-top: 24px; margin-right: 2em;
		line-height: 36px;vertical-align: middle;
		border: 0;border-radius: 18px;text-align: center;
		cursor: pointer;
		transition: all .2s;
		color: #fff;
	}
	.new-search{
		background-color: #6D6A89;
	}
	.find-diamond{
		background-color: #B48863;
	}

/******************end of public*****************************************************/

/**************my panel*/
	.mypanel{
		border:0;border-radius: 8px;
	}
	.panel-default>.panel-heading{
		color:#040B1E;
		background: #F8F9FC;border:0;
		padding: 18px 22px 18px 36px;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
	}
	.panel-body{padding:15px 22px 15px 36px;}
	.mypanel-title{
		font-size: 22px; font-family: "微软雅黑";color: #040B1E;
	}
	.mypanel-heading-whiteback{background: #FFFFFF !important;}
/**************end of my panel*/
/*************************************shape***************************************/
	.shape-box {
		width: 90px;
		height: 90px;
		border-radius: 8px;
		background-color: #F5F6FB;
		border: solid 1px #E2E8F8;
		text-align: center;
		vertical-align: middle;
		display: inline-block;
		margin: 10px 10px 0 0;
		cursor: pointer;
		transition: all .2s;
	}
	.shape-box.selected {
		background-color:  #6D6A89;/*#0a6979*/
		box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
	}
	.shape-box .icon {
		width: 100%;
		height: 45px;
		display: inline-block;
		background: no-repeat transparent center;
		background-size: contain;
		vertical-align: middle;
		margin-right: 5px;
		margin-top: 10px;
	}
	.shape-box .box-label {
		color: #333;
		line-height: 35px;
	}
	.shape-box.selected .box-label {
		color: #F8F8F8;
		line-height: 35px;
	}
	.shape-box .icon.icon-round {
			background-image: url(../images/diamond_round_normal.svg);
	}
	.shape-box.selected .icon.icon-round {
			background-image: url(../images/diamond_round_selected.svg);
	}
	.shape-box .icon.icon-pear {
			background-image: url(../images/diamond_pear_normal.svg);
	}
	.shape-box.selected .icon.icon-pear {
			background-image: url(../images/diamond_pear_selected.svg);
	}
	.shape-box .icon.icon-princess {
			background-image: url(../images/diamond_princess_normal.svg);
	}
	.shape-box.selected .icon.icon-princess {
			background-image: url(../images/diamond_princess_selected.svg);
	}
	.shape-box .icon.icon-cushion {
			background-image: url(../images/diamond_cushion_normal.svg);
	}
	.shape-box.selected .icon.icon-cushion {
			background-image: url(../images/diamond_cushion_selected.svg);
	}
	.shape-box .icon.icon-radiant {
			background-image: url(../images/diamond_radiant_normal.svg);
	}
	.shape-box.selected .icon.icon-radiant {
			background-image: url(../images/diamond_radiant_selected.svg);
	}
	.shape-box .icon.icon-emerald {
			background-image: url(../images/diamond_emerald_normal.svg);
	}
	.shape-box.selected .icon.icon-emerald {
			background-image: url(../images/diamond_emerald_selected.svg);
	}
	.shape-box .icon.icon-asscher {
			background-image: url(../images/diamond_asscher_normal.svg);
	}
	.shape-box.selected .icon.icon-asscher {
			background-image: url(../images/diamond_asscher_selected.svg);
	}
	.shape-box .icon.icon-oval {
			background-image: url(../images/diamond_oval_normal.svg);
	}
	.shape-box.selected .icon.icon-oval {
			background-image: url(../images/diamond_oval_selected.svg);
	}
	.shape-box .icon.icon-marquise {
			background-image: url(../images/diamond_marquise_normal.svg);
	}
	.shape-box.selected .icon.icon-marquise {
			background-image: url(../images/diamond_marquise_selected.svg);
	}
	.shape-box .icon.icon-heart {
			background-image: url(../images/diamond_heart_normal.svg);
	}
	.shape-box.selected .icon.icon-heart {
			background-image: url(../images/diamond_heart_selected.svg);
	}
	.shape-options .shap-toggle {
		width: 90px;
		height: 90px;
		text-align: center;
		vertical-align: middle;
		display: inline-block;
		margin: 10px 10px 0 0;
		cursor: pointer;
		transition: all .2s;
		background: url(../images/plus.png) no-repeat;
		background-position:center;
	}
	.shape-options .shap-toggle.selected {
		width: 90px;
		height: 90px;
		text-align: center;
		vertical-align: middle;
		display: inline-block;
		margin: 10px 10px 0 0;
		cursor: pointer;
		transition: all .2s;
		background: url(../images/minus.png) no-repeat;
		background-position:center;
	}
	/*隐藏的形状选项*/
	#shape-options-hidden{
		margin-top: 15px;
	}
	.shape-box2 {
		width: 90px;
		height: 36px;line-height: 36px;
		border-radius: 8px;
		background-color: #F5F6FB;
		border: solid 1px #E2E8F8;
		text-align: center;
		vertical-align: middle;
		display: inline-block;
		margin: 10px 10px 0 0;
		cursor: pointer;
		transition: all .2s;
	}
	.shape-box2.selected {
		background-color: #6D6A89;/*#0a6979*/
		box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
	}
	.shape-box2.selected .box-label {
		color: #F8F8F8;
	}
/********end of shape*****************************end of shape********************/

/******waterfall****************************************************************/
	.waterfall{display: table;margin-top: 40px;}
	.waterfall-left{
		display: table-cell;vertical-align: top;
		width: 470px;
	}
	.waterfall-right{
		display: table-cell;vertical-align: top;
		width: 772px;padding-left: 38px;
	}
	.weight-box{
		height: 47px; width: 115px;
		margin: 13px 13px 0 0;
	}
	.weight-box .box-label{line-height: 47px;}
	.weight-box.selected .box-label{line-height: 47px;}

	.cut-box{
		height: 52px; width: 60px;
		margin: 0px 14px 0 0;
	}
	.cut-box .box-label{line-height: 52px;}
	.cut-box.selected .box-label{line-height: 52px;}


	.fluorescence-box{
		height: 52px; width: 110px;
		margin: 15px 21px 15px 0;
	}
	.fluorescence-box .box-label{line-height: 52px;}
	.fluorescence-box.selected .box-label{line-height: 52px;}

	.lab-box{
		height: 52px; width: 90px;
		margin: 15px 18px 15px 0;
	}
	.lab-box .box-label{line-height: 52px;}
	.lab-box.selected .box-label{line-height: 52px;}


	.slider-div{ padding: 42px 6px 42px 6px; font-family: Georgia, serif;}
	ins{min-width: 42px;text-align: center;}

/******end of waterfall*********************************************************/