@CHARSET "UTF-8";

#displaycomp {
	background-color: #000;
	overflow: hidden;
	z-index: 15000;
}

.display_div {
	position: absolute;
	overflow: hidden;
}

#comp_mover_show {
	width: 63px;
	height: 57px;
	background: transparent url("img/Slider.png");
	cursor: pointer;
	left: -30px;
	position: absolute;
	top: calc(50% - 28px);
	display: inline-block;
	vertical-align: middle;
	z-index: 20000;
	display: inline-block;
}

#comp_bar {
	width: 3px;
	background-color: rgba(31, 174, 219, 1);
	/* 	background-color: #ce8f34; */
}

#comp_bar.act {
	/* 	background-color: rgba(206, 143, 52, 0.5); */
	
}

#comp_mover {
	width: 63px;
	height: 57px;
	margin: 0 40px;
	cursor: pointer;
	z-index: 20000;
}

#compare_close_btt {
	height: 37px;
	width: 37px;
	/* 	background-color: #ce8f34; */
	background-image: url(img/Buttonset_37px.png);
	position: absolute;
	left: 22.5px;
	top: 22.5px;
	display: none;
}

#btt_compare.act #compare_close_btt {
	display: block
}

#comp_left, #comp_right {
	position: absolute;
	top: 100px;
	/* 	background-color: #5d5d5d; */
	width: 115px;
	height: 50px;
	text-align: center;
	padding: 0px;
	line-height: 15px;
	cursor: pointer;
	/* 	color: #fff; */
}

#comp_left {
	right: 3px;
}

#comp_right {
	left: 3px;
}

#comp_mover:hover, #comp_mover.act {
	background-position: -63px -383px;
}

#comp_bar, #comp_mover {
	position: absolute;
	z-index: 20000;
}

#btt_compare.act #compare_close {
	display: block;
}

#btt_compare.hidden_class {
	display: none;
}

#compare_close_btt {
	height: 37px;
	width: 37px;
	background-color: rgba(31, 174, 219, 1);
	/* 	background-image: url(img/Buttonset_37px.png); */
	position: absolute;
	left: 27.5px;
	/* 	right: 102.5px; */
	top: 27.5px;
	display: none;
	cursor: pointer;
}

#compare_close {
	position: absolute;
	top: 30px;
	width: 90px;
	height: 90px;
	background-color: rgba(31, 174, 219, 1);
	display: none;
	cursor: pointer;
}

#comp_left, #comp_right {
	background-color: #000;
	/* 	color: #FFF; */
}

#comp_left.act, #comp_right.act {
	background-color: #000;
	/* 	background-color: rgba(31, 174, 219, 1); */
}

#comp_bar.act {
	background-color: rgba(31, 174, 219, 0.5);
}

#compare_end_cancel, #compare_end_end {
	width: 90px;
	position: absolute;
	border: 1px solid;
	padding: 0 15px;
	height: 37px;
	line-height: 37px;
	/* 	background-color: transparent; */
	right: 20px;
	bottom: 10px;
	color: #FFF;
	cursor: pointer;
	text-align: center;
}

#compare_end_cancel:hover, #compare_end_end:hover {
	background-color: rgba(31, 174, 219, 1);
}

#compare_end_end {
	right: 157px;
}

#cl_char {
	position: absolute;
	bottom: 0px;
	height: 50px;
	line-height: 50px;
	right: 4px;
	font-size: 36px;
	font-weight: bold;
}

#cr_char {
	position: absolute;
	bottom: 0px;
	height: 50px;
	line-height: 50px;
	left: 4px;
	font-size: 36px;
	font-weight: bold;
}

#cl_text {
	position: absolute;
	bottom: 8px;
	font-size: 13px;
	font-weight: bold;
	left: 10px;
}

#cr_text {
	position: absolute;
	bottom: 8px;
	font-size: 13px;
	font-weight: bold;
	right: 10px;
}