html {overflow:visible;}

a {outline:none;}

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

.popup_img_options {
	margin-top: 0;
}

.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);
}
.option_block {
	    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    margin-top: 10px;
}
.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 15px #555 !important;
	display:none;
	overflow:hidden;
	background:#fff;
	min-width:300px;
	padding:20px;
	border-radius:8px;
	text-align:center !important;
}
.title-option {
	float: left;
    text-transform: uppercase;
    font-weight: bold;
}
.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;
    color: #ddd;
}

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

.opt_img {
	*top: 10px;
	height:89px;
	width:auto;
	transition:all ease .3s;
	background:#fff;
	*border-radius:3px;
	cursor:pointer;
	*margin: 10px 0;
	position: relative;
}
.opt-button img.close {
	top: -60px !important;
    right: -10px !important;
}
/*
.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 0;
	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:5px;
	max-width:180px;
}

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

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

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

.opt-button {
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	background:#fff;
	*border-radius:4px;
	color: #404040;
	*border-bottom: 1px dotted;
	    margin-top: 23px;
}

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

.opt-button span{
	/*display:table-cell;*/
	vertical-align:middle;
	cursor:pointer;
	text-align:center;
	font-size:14px;
	/*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;
}

.opt-button span:nth-child(2) img {
    float: none;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 10px;
}

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

.opt-button .fa-plus{
	border: solid 1px #e1e1e1;
    width: 50px;
}
.opt-button .fa-plus:before {
	    line-height: 50px;
}

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

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