.bigTItle{text-align:left;padding-left:10px;margin:5px auto 10px;}
.sub_wrap, .subWrap{margin-bottom:0px !important}
.LeftBotton,.RightBotton{top:128px;}

.temName{height:32px;line-height:32px;color:#000;display: inline-block;vertical-align: middle;zoom: 1;max-width: 157px;width: auto!important;_width: 157px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-wrap: normal}
.tbox #modelList{width:1182px;margin:0 auto;}

#bottom { margin-top: 0px !important;}
a:hover {text-decoration: none;}

/* #modelList ul li { width: 265px !important;} */

#modelList ul li{margin-right:2%;width:23%}

#modelList .showImg .showContent{top:300px;}
#modelList .showTitle{border-radius:18px 18px 0px 0px;background:#f8f8f8;border:1px solid #ddd;border-bottom:0px;text-align:center;color:#ccc;}
#modelList .showBottom{border:1px solid #ddd;border-top:0px;background:#f8f8f8;border-radius:0px 0px 18px 18px;text-align:center;padding:5px 0px 5px 0;}
#modelList .showBottom span{margin:10px auto 10px auto;border:1px solid #ddd;width:30px;height:10px;border-radius:18px;}

.sangar-slideshow-container > .default ul.sangar-pagination-content-horizontal > li:hover { background-color: #c00;}
.sangar-slideshow-container > .default ul.sangar-pagination-content-horizontal > li.sangar-pagination-active { background-color: #c00;}

#tempalte_case {background-color:#fff;/*  margin-top:50px; */}

#modelList ul li {float: left;width: 32%;margin-right: 2%;overflow: hidden;}
#modelList ul li .showModel {overflow: hidden;zoom: 1;clear: both;margin: 15px 0 10px 0;position: relative;}
.showImg {clear: both;position: relative;transform: scale(1,1);overflow: visible !important;}
#modelList #PC_show {padding-top: 22px;height: 225px;overflow: hidden;zoom: 1;background:url(../images/case/20171206/boxshow_top.png) left top no-repeat;background-size:95% auto;}
.showImg .myshow img {display: block;width: 95% !important;}
#modelList .mobile_show {width: 115px;height: 160px;padding-top: 18px;position: absolute;z-index: 9999;bottom: -25px;right: -3px;text-align: center;background: url(../images/case/20171206/mobile.png) no-repeat center;background-size: 100% 100%;}
#modelList .mobile_show .mymobileshow {display: block;height: 125px;overflow: hidden;zoom: 1;}
#modelList .mobile_show img {width: 85px;height: 100%;}
.showContent {overflow: hidden;zoom: 1;margin-top: 20px;text-align: center;}
.showContent #left-content {text-align: left;float: left;font-size: 14px;line-height: 25px;font-family: monospace;}
.showContent #left-content .grayfont {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #666;}
.showContent #right-content {float: right;margin-top: 10px;background: #fff;}
.showContent #right-content a {border: 1px solid #3669fe;padding: 10px 14px;background: #fff;display: table-cell;width: auto;}
.showContent #right-content a:nth-of-type(1){padding: 8px 14px 6px;}
.showContent #right-content a:nth-of-type(2){padding: 10px 14px 4px;}
.xcode{position: absolute;top: 0;width: 100%;left: 0;height: 265px;z-index: 111;background: #fff;}
.xcode .codeleft {float: left;width: 32%;height: auto;position: relative;margin-top: 14%;padding-left: 12%;}
.xcode .codeleft img, .xcode .coderight img {width: 120px;height: 120px;margin-bottom: 20px;}
.xcode .codeleft div, .xcode .coderight div {font-size: 13px;color: #333;}
.xcode .coderight {float: right;width: 32%;height: auto;position: relative;margin-top: 14%;padding-right: 12%;}
#tempalte_case{background-color:#eeeeee;}

.showContent #right-content a.codes{border-left: none;}

@media screen and (min-width:1024px) and (max-width:1200px){
	.tbox #modelList{width:100%;}
	#modelList ul{width:100%;}
}
@media screen and (min-width:768px) and (max-width:1023px){
	.tbox #modelList{width:100%;}
	#modelList ul{width:100%;}
}
@media screen and (min-width:414px) and (max-width:767px){
	.tbox #modelList{width:100%;}
	#modelList ul{width:100%;}
	.posterTvGrid .contentHolderUnit{width: 90% !important;left: 0 !important;}
	.posterTvGrid .mobileImg{height: 35% !important;margin-right: -12px !important;background-size: contain !important;}
	#modelList ul li{width:46%;}
}
@media screen and (min-width:320px) and (max-width:413px){
	.tbox #modelList{width:100%;}
	#modelList ul{width:100%;}
	.posterTvGrid .contentHolderUnit{width: 90% !important;left: 0 !important;}
	.posterTvGrid .mobileImg{height: 35% !important;margin-right: -12px !important;background-size: contain !important;}
	#modelList ul li{width:46%;}
}