.top_bg .navi_step_cscenter {width: 300px; height: 40px; float: right;}
.navi_step_cscenter ul {float: right;}
.navi_step_cscenter li {height: 40px; float: left; line-height: 40px; padding: 0 0 0 7px;}
.navi_step_cscenter .cs_home_icon {width: 20px; height: 40px; background: url('/cs_center/img/home_icon_cs.png') no-repeat right center; text-indent: -9999px;}
.cs_navi_text1 {font-size: 12px; color: #333333;}
.cs_navi_text2 {font-size: 13px; color: #009ece;}
.cs_navi_text3 {font-size: 13px;}

#sample_gallery {position: relative; min-height: 1000px; margin: 0 0 50px 0;}

#sample_gallery .title {margin: 20px 0; }

.tapBtn {margin: 0 0 20px 0;}
.tapBtn ul {width: 1000px;}
.tapBtn ul li {width: 315px; margin: 0 10px 0 0; padding: 10px 0; border: 4px solid #D8D8D8; font-size: 14px; color: #949494; float: left; cursor: pointer; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.tapBtn ul li.on {font-weight: 600; color: #000; border: 4px solid #000;}
.tapBtn ul li img {margin: 0 auto; display: none;}
.tapBtn ul li p {margin: 5px 0 0 0; text-align: center;}
.tapBtn ul li.m0 {margin: 0;}
.tapBtn ul:after {content: ""; display: block; clear: both;}

.panel_box {display: none;}
.panel_box ul {width: 1000px; margin: 0 -10px 0 0;}
.panel_box ul li.panel_list {float: left; margin: 0 10px 10px 0; text-align: center;}
.panel_box ul li.panel_list p {margin: 5px 0 0 0;}
.panel_box ul li.panel_list p span.best {padding: 2px 4px; background: red; color: #fff; font-size: 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.panel_box ul li.panel_list p span.good {padding: 2px 4px; background: blue; color: #fff; font-size: 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.panel_box ul:after {content: ""; display: block; clear: both;}

.thum_box {position: relative; width: 238px; height: 163px; border: 1px solid #ddd; overflow: hidden; cursor: pointer;}
.thum_box img {height: 163px;}
.thum_box .info {position: absolute; top: 0; width: 240px; height: 163px; display: none;}
.thum_box .info strong.view {position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px; width: 100px; height: 100px; background: red; font-size: 14px; line-height: 100px; color: #fff; display: inline-block; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}

.detail_pop {position: relative; width: 700px; margin: 50px 0 0 0; padding: 24px 34px 34px 34px; display: none; background: #fff;}
.detail_pop h4 {font-size: 32px; font-weight: 600; color: #000; margin: 10px 0 15px 0;}
.detail_pop h4 span {color: #BDBDBD}
.detail_pop p {font-size: 14px; margin: 0 0 0 3px;}
.detail_pop p span {color: red;}
.detail_pop p.notice {margin: 5px 0 0 0; font-size: 12px; color: #868686;}

.detail_pop_img {width: 700px; height: 438px; margin: 10px 0 10px 0; background: #eee; overflow: hidden;}
.detail_pop_img>img {display: block;}

.detail_pop_thum_img li {width: 226px; height: 141px; margin: 0 10px 0 0; line-height: 0; float: left; cursor: pointer; overflow: hidden;}
.detail_pop_thum_img li.m0 {margin: 0;}
.detail_pop_thum_img li img {width: 226px;}
.detail_pop_thum_img:after {content: ""; display: block; clear: both;}

.detail_pop .b-close {position: absolute; top: 0px; right: -50px; width: 20px; padding: 0px 15px; background: #D2D2D2; color: #fff; font-size: 32px; text-align: center; cursor: pointer; display: block;}
.detail_pop .link a {position: absolute; top: 55px; right: -50px; width: 20px; padding: 10px 15px; background: red; color: #fff; font-size: 14px; font-weight: 600; text-align: center; cursor: pointer; display: block;}