#option_btn{height:90px;border-right:0;-webkit-transform:translate(0);-moz-transform:translate(0);transform:translate(0);padding:10px 0;right:-2px;-webkit-transition:-webkit-transform .4s ease;-moz-transition:transform .6s ease;-o-transition:-o-transform .6s ease;transition:transform .6s ease;position:fixed;text-align:center;top:150px;box-shadow:0 3px 15px rgba(0,0,0,.1);border-radius:5px 0 0 5px;background:#fff;cursor:pointer;width:40px;line-height:1.4;z-index:9}#option_btn.open{-webkit-transform:translate(-251px);-moz-transform:translate(-251px);transform:translate(-251px)}#option_btn span{font-size:15px;color:#222;line-height:31px}#option_wrapper{height:100%;overflow:auto;-webkit-transform:translate(251px);-moz-transform:translate(251px);transform:translate(251px);font-size:14px;right:0;color:#222;-webkit-transition:-webkit-transform .6s ease;-moz-transition:transform .6s ease;-o-transition:-o-transform .6s ease;transition:transform .6s ease;position:fixed;top:0;box-shadow:-1px 1px 10px rgba(0,0,0,.1);background:#fff;width:250px;line-height:1.5;z-index:99999}#option_wrapper.open{-webkit-transform:translate(0);-moz-transform:translate(0);transform:translate(0)}#option_wrapper h4{color:#000}#option_wrapper:hover{overflow-y:auto}.demo_color_list{list-style:none;margin:30px 0 10px;display:block}.demo_color_list>li{height:auto;overflow:hidden;padding:0;font-size:11px;margin-bottom:15px;position:relative;text-align:center;box-sizing:border-box;cursor:pointer;width:20%;display:inline-block}.demo_color_list>li .item_content-wrapper{width:100%}.demo_color_list>li .item_content-wrapper .item_content{box-sizing:border-box;width:100%}.demo_color_list>li .item_content-wrapper .item_content .item_thumb{height:30px;position:relative;margin:auto;border-radius:250px;width:30px;line-height:0}.demo_list{list-style:none;margin:10px 0 0;display:block}.demo_list li{overflow:hidden;margin-bottom:15px;position:relative;width:100%;line-height:0;float:left}.demo_list li img{height:auto;max-width:100%;line-height:0}.demo_list li:hover img{-webkit-filter:blur(2px);filter:blur(2px);-moz-filter:blur(2px);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.demo_list li:hover .demo_thumb_hover_wrapper{opacity:1}.demo_thumb_hover_wrapper{height:100%;overflow:hidden;transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;-ms-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-webkit-transition:opacity .4s ease-in-out;position:absolute;opacity:0;visibility:visible;top:0;background-color:rgba(0,0,0,.5);left:0;width:100%;line-height:normal}.demo_thumb_hover_inner{display:table}.demo_thumb_desc,.demo_thumb_hover_inner{height:100%;text-align:center;width:100%;vertical-align:middle}.demo_thumb_desc{padding:0 10%;box-sizing:border-box;display:table-cell}#option_wrapper .inner h6{margin:10px 0 0}.demo_thumb_hover_inner h6{font-size:16px;color:#fff!important;letter-spacing:0;line-height:20px}.demo_thumb_desc .button.white{margin-top:15px}.demo_thumb_desc .button.white:hover{border-color:#fff!important;color:#000!important;background:#fff!important}body.admin-bar #option_wrapper .inner{padding-top:60px}#option_wrapper .inner{padding:30px 15px 0;box-sizing:border-box}.demo_lang,.demotip{display:block}.demo_lang{padding:20px 10px;box-sizing:border-box;background:#ebebeb;width:100%}.demo_lang:hover{color:#fff;background:#3d64ff}