html {overflow:visible;}

a {outline:none;}

.option {
	margin-top:1px;
	margin-bottom:14px;
}
 
.option > b{
	display:inline-block;
	margin-right:12px;
}

.popup_img_options {
	
}

.popup_img_options > div {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	padding:0 5px 0 0;
}

.popup_img_options > div:nth-child(3) {
	padding:0;
	min-width:30px;
}

.popup_img_options > div:nth-child(4) {
	display:none;
}

.popup_img_options input[type='radio']{
	display:none !important;
}

.popup_visible .img-option-div {
	transform: translateX(0) translateY(0);
	-o-transform: translateX(0) translateY(0);
	-moz-transform: translateX(0) translateY(0);
	-webkit-transform: translateX(0) translateY(0);
}

.img-option-div {
	    transform: translateX(0) translateY(-40%);
    -o-transform: translateX(0) translateY(-40%);
    -moz-transform: translateX(0) translateY(-40%);
    -webkit-transform: translateX(0) translateY(-40%);
    box-shadow: 0 0 16px rgb(7, 41, 54) !important;
    display: none;
    overflow: hidden;
    background: #fff;
    min-width: 300px;
    padding: 42px 10px 14px;
    border-radius: 2px;
    text-align: center !important;
}

.img-option-div .close{
	opacity:1.0;
	position:absolute;
	right:11px;
	top:10px;
	background:#eee;
	border:solid 1px #ddd;
	padding:4px;
	border-radius:100%;
	cursor:pointer;
}

.img-option-div .close:hover{
	background:#ddd;
}

.opt_img {
	top:0;
	height:26px;
	width:auto;
	transition:all ease .3s;
	background:#fff;
	border-radius:3px;
	cursor:pointer;
	position:absolute;
	border:solid 1px #ccc;
}

.opt_img:hover {
	padding:6px;
	transition:all ease .3s;
	height:100px;
	margin-top:-46px;
	z-index:999;
	border:solid 1px #ccc;
}

.img_block {
	display:inline-block;
	border:solid 1px transparent;
	vertical-align:top;
	margin-bottom:10px;
	padding:10px 14px 15px;
	border-radius:4px;
	transition:all ease-in-out .1s;
}

.img_block:hover {
	border:solid 1px #ddd;
	box-shadow:0 0 10px #ccc;
}

.img_block label > * {
	display:block;
	text-align:center;
}

.img_block label img {
	margin:0 auto;
}

.img_block label{
	display:block;
	text-align:center;
}

.img_block .opt_name {
	margin:13px;
	max-width:180px;
}

.img_block .opt_name span{
	color:#888;
}

.sel-option {
	display:inline !important;
	font-size:12px;
	cursor:pointer;
	text-decoration:none;
	border-bottom:dashed 1px;
}

.sel-option:hover {
	text-decoration:none;
}

.opt-button {
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	background:#eee;
	border:solid 1px #ccc;
	border-radius:4px;
}

.opt-button b{
	color:#444;
}

.opt-button span{
	display:table-cell;
	vertical-align:middle;
	color:#555;
	cursor:pointer;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	height:26px;
	line-height:normal;
	text-shadow: 0 1px 0 #f2f2f2;
	box-shadow:inset 0 1px 0 #fff;
	box-sizing:content-box;
}

.opt-button span:nth-child(1){
	padding:0 11px 0 9px;
}

.opt-button span:nth-child(2){
	width:24px;
	float:none;
	border-left:solid 1px #ccc;
	background:#e5e5e5;
	box-shadow:inset 1px 1px 0 #f2f2f2;
}

.opt-button span:nth-child(2) img {
	margin:0;
	float:none;
	padding:0;
	opacity:1;
}

.opt-button span:hover{
	background:#e2e2e2;
	box-shadow:none;
}

.opt-button span:nth-child(2):hover{
	border-left:solid 1px #c5c5c5;
	background:#ddd;
}

.img-option-span {
	position:relative;
	height:28px;
}