@import "font.css";

.device {width: 300px; height: 182px; background: #fff; margin: 0px auto 10px; position: relative; display:block; overflow:hidden; padding-bottom:20px;}
.device .arrow-left {position: absolute;left: 0;top: 50%;margin-top: -20px;width: 40px; height: 40px; z-index:10; background-position:0 -60px;}
.device .arrow-right {position: absolute;right: 0;top: 50%;margin-top: -20px;width: 40px;height: 40px; z-index:10; background-position:-43px -60px;}
.device .swiper-container {width: 100%; height:100%;}
.device .swiper-slide{float: left; position:relative;}
.device .swiper-slide a.mLink{width:100%; height:100%; display:inline-block;}
.device .swiper-slide img.swiperImg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;}

.device .swiper-slide .content-slide {width:100%; margin:0 0 10px 0; background:transparent url(../images/bg.png) repeat; color:#333; position:absolute; left:0; bottom:0; box-sizing:border-box;}
.device .swiper-slide .content-slide .title {width:100%; display:inline-block; padding:5px 10px; color:#484848; font:bold 13px 'Metropolis Bold'; box-sizing:border-box;}
.device .pagination {position: absolute; left: 0; text-align: center; bottom:-2px; width: 100%; z-index:10; display:block;}
.swiper-pagination-switch {display: inline-block; width: 13px; height: 13px; border-radius: 10px; background: #8d7f7f; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-pagination-switch:hover {background: #d76c07;}
.swiper-active-switch {background: #f68b25;}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}

.slideNews{width:100%; display:inline-block; border-bottom:2px solid #C5C5C5;}
.slideNews .snCaption{width:100%; display:inline-block; padding:2px 5px; color:#fff; font:bold 14px/20px 'Metropolis Bold'; background:#C5C5C5; margin-bottom:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.slideNews .device.newsFeed{width:100%; height:50px; padding:0; margin:0 auto 5px;}
.slideNews .device.newsFeed .swiper-slide img.swiperImg{width:89px; height:50px; width:auto; position:static; float:left; margin:0 19px 0 1px;}
.slideNews .device.newsFeed .swiper-slide .content-slide{height:50px; float:left; position:static; margin:0;}
.slideNews .device.newsFeed .swiper-slide .content-slide .title{padding:0; font-size:12px;}
.slideNews .device.newsFeed .pagination{width:70px; left:inherit; right:0; bottom:0px;}
.slideNews .device.newsFeed .swiper-pagination-switch{width:10px; height:10px;}

.fotoDevice{height:auto!important;}
.fotoDevice .swiper-slide img.swiperImg{position:static; left:auto; top:auto; float:left;}
.fotoDevice .swiper-slide .photoInfo{width:100%; display:inline-block; float:left;}
.fotoDevice .swiper-slide .photoInfo .photoDetailText{width:100%; display:inline-block; float:left; color:#333; font:bold 14px/20px 'Metropolis Bold'; margin-top:5px;}
.fotoDevice .swiper-slide .photoInfo .photoDetailText2{width:100%; display:inline-block; float:left; color:#333; font:normal 13px/20px 'Metropolis Medium'; margin-top:5px;}

.device .arrow-left {top: 20%;margin-top: 0px;}
.device .arrow-right {top: 20%;margin-top: 0px;}