.list-group .active{background:#267bfb;color:#fff;border-color:#267bfb;}
.list-group a{color:#000;font-size:14px;}
.list-group .active a{color:#fff;}
.list-group .list-group-item{width:50%;float:left;text-align:center;font-size:14px;}
.sidebar-toggle{display:none;}

.swiper-container{width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.swiper-slide{background-size: cover;background-position: center;text-align:center;}
.gallery-top{height: 60%;width: 100%;}
.gallery-thumbs{height: 20%;box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide{width: 25%;height: 100%;opacity: 0.4;}
.gallery-thumbs .swiper-slide-thumb-active{opacity: 1;}
.article-image{height: 400px;}
.list-group .active{background:#267bfb;color:#fff;border-color:#267bfb!important;}
.list-group a{color:#000!important;}
.list-group .active a{color:#fff!important;}
.list-group .list-group-item{width:50%;float:left;text-align:center;font-size:14px;}
.metas-title{font-size:24px;}
.views-num{font-size:24px;font-weight:bold;color:#ff0000;}
.embed-responsive{text-align:center;}
.embed-responsive img{width:auto;max-width:100%;}
.prodetailcontent{font-size: 16px; margin-top: 10px; line-height: 180%;border-top:1px solid #ddd;padding-top:20px;}
/* ipad横屏 */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
/* 
一排3个 width:31.5%;margin-right:20px;
一排4个 width:24%;margin-right:10px;
*/	
}
/* ipad竖屏 */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){}


@media (max-width: 768px){
.article-image{height: 400px;}
.metas-title{font-size:16px;font-weight:bold;}
.btn-danger{font-size:16px!important;}

}
.description{font-size: 16px; background-color: #FCFCFC; border-top: 1px solid #ddd; padding: 10px 0; min-height: 50px;}
.video-box{max-height: 500px;background-color: #000000;}
/* confirm 提示框*/
.delediv{width: 400px;height: 200px;position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border-radius: 5px;border: 1px solid #D3D3D3;background-color: #FFFFFF;}
.deleheader{padding: 10px;background-color: #f0f0f0;}
.delefoot{padding: 10px;background-color: #f0f0f0;position: absolute;bottom: 0;right: 0;left: 0;}
.delefoot button{width: 55px;height: 30px;margin: 2px;border-radius: 5px;outline: none;border: none;color: #FFFFFF;cursor: pointer;}
.delefoot button:nth-child(odd){background-color: #0098ff;}
.delefoot button:nth-child(even){background-color: #f5716e;}
.delefoot button:nth-child(odd):hover{background-color: #0088e5;}
.delefoot button:nth-child(even):hover{background-color: #fd3b57;}