.box-35{   float: left; width: 35%; display: block;}
.box-10{   float: left; width: 10%; display: block;}
.box-15{   float: left; width: auto; display: block;  text-align: right;}
.box-30{   float: left; width: 30%; display: block;}
.box-20{   float: left; width: 20%; display: block;}
.box-25{   float: left; width: 25%; display: block;}
.box-33{   float: left; width: 33%; display: block;}
.box-40{   float: left; width: 40%; display: block;}
.box-50{   float: left; width: 50%; display: block;}
.box-60{   float: left; width: 60%; display: block;}
.box-70{   float: left; width: 70%; display: block;}
.box-75{   float: left; width: 75%; display: block;}
.box-80{   float: left; width: 80%; display: block;}
.box-100{  clear: both; width: 100%; display: block;}

.box-paddingS{  padding: 0 10px; }
.box-paddingL{  padding-left: 15px; }
.box-paddingR{  padding-right:15px; }
.box-padding {  padding: 10px; }
.box-pad-t {  padding: 15px 0px; }
.pad20{   padding-left: 20px; }


.floatleft{   float: left; }
.floatright{   float: right;  }
.alignright{   text-align: right; }
.clear { clear: both; display: block;  }
.img-responsive {   display: inline-block; max-width: 100%; height: auto; margin: 0; padding: 0; border: none; }



.logo a{ margin: 0; padding: 0; }


.login-form{
  width: 95%; margin: 0 auto; padding: 0; display: block;  text-align: center;
}
.login-form label { display: inline-block;   }
.login-form input { display: inline-block; max-width: 115px;   }

#mainContent {
  margin-top:3px; display: block;
  background:#EEEEEE;
}

#leftContent {
    float: left;
    width: 20%;
    padding: 0%;
    margin: 0px; border: 1px solid #A8A8A8;
   }

#rightContent {
    float: right;
    width: 78.6%;
    padding: 2px;  background: #FFFFFF;
    margin: 0px; border: 1px solid #A8A8A8;
   }

#mainBody {

}
.title{   display: block; margin: 0 0 15px 0; padding: 0; background: #EEEEEE;}
.title h3{   display: block; margin: 0; padding: 5px; text-align: left; line-height: 20px;}
.searchall {
  display: block; border-top: none; padding: 5px 10px; text-align: right; margin: 0px;
}
.topStory{  display: block; margin-bottom: 15px;  padding-bottom: 8px; clear: both;   }

#gbox {   display: block; overflow: hidden;  }

#gbox img{  max-width: 100%; height: auto; max-height: auto; display: inline-block;}

.top-news a img { margin: 0px 8px 5px 0px;   }

#rightContent .bDiv { margin: 0; padding: 10px 10px; display: block; }
#rightContent .bDiv div.topStory{ margin: -10px -10px 15px -10px;  display: block; }

h3{ padding-top: 5px;  padding-bottom: 10px; font-weight: 700; }

table.liste tr td table tr td {  padding: 4px 0     }

nav#topnav select, .goto {
      display: none;
    }
.slider { display:block; margin: 0 auto; text-align:center; border: 1px solid #d0d0d0; padding: 10px 0px; }

.clear { clear: both; display:block; }
.clearH { clear: both; display:block; height: 10px; }
.slider .box-padding { text-align:center;}
.slider .box-padding img{ max-width:100%; }
.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}
.img-rounded{border-radius:6px}
.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}
.img-circle{border-radius:50%}
.carousel{position:relative}
.carousel-inner{position:relative;overflow:hidden;width:100%}
.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
.carousel-inner>.active{left:0}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}
.carousel-inner>.prev{left:-100%}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
.carousel-inner>.active.left{left:-100%}
.carousel-inner>.active.right{left:100%}
.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5) 0),color-stop(rgba(0,0,0,.0001) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}
.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}
.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}
.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}
.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}
.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}
.carousel-control .icon-prev:before{content:'\2039'}
.carousel-control .icon-next:before{content:'\203a'}
.carousel-indicators{position:absolute;top: 100%; left: 40%;z-index:15;width:20%;padding-left:0;list-style:none;text-align:center}
.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:0px;text-indent:-999px; border-radius:0px;cursor:pointer; background-color:rgba(208, 208, 208, 1); border-radius: 1000px;}
.carousel-indicators .active{margin:0px;width:10px;height:10px;background-color:#EF4135}
.carousel-caption{position:absolute;left:auto;right:0%;top:25%;z-index:10;padding-top:20px;color:#918159; }
.carousel-caption .btn{text-shadow:none}
@media screen and (min-width:768px){
  .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}
 }


/*== All =====================================================
========================================================================    */



@media (max-width: 1280px) {



}

@media (max-width: 1024px) {


}

/*== Up to 980px and beyond 768px ======================================
========================================================================*/
/* Portrait tablet to landscape and desktop */
@media (min-width: 769px) and (max-width: 980px) {
    /*.topStory img{*/
        /*min-width: 141px;*/
    /*}*/
img {  max-width: 100%;  height: auto;  }
.wrapper { clear: both; width: 100%; overflow-x: hidden;       }

#base {  clear: both; width: 100%;  margin: 0 auto;overflow-x: hidden;  }

#navFloater {
  background-image:url(../bilder/bgnav.gif);
  background-repeat:repeat-x;
  background-position:bottom;
  float:none;width:100%;
  height:auto;
}

.logo{
  float: none;
   margin:5px auto;
  padding:24px 0px;
  width:280px; background: rgba(255, 255, 255, 1);
  text-align: center; border-radius: 10px;
  border: 1px solid #EEEEEE;

}

#aLOGO {
  margin:0px auto; float: none;
  padding:0px;
  width:280px;
  height:129px;
  display:block;
  background-image:url(../bilder/automobil-red.gif);
}


#topmenu{float:none;  margin: 0px auto; padding: 0px; width: 100%;  clear: both;  }
.moduletable_dropdown{ float: none; clear: both; margin: 0px auto;  width: 100%; background: none; }

.menu-header{ margin: 0px auto;  padding: 0px; display: block; float: none; width: 100%;  }


nav#topnav ul, nav#topnav ul.menu     { display: none; }
nav#topnav select {float: none; display: block; cursor: pointer; width: 100%; margin: 0px auto; height: 40px; padding: 10px 10px; font-size: 0px;  border: 1px solid #303030; background:#202020 url(../bilder/menu.png) left center no-repeat ;  position: relative; color: #FFFFFF; }
nav#topnav select option{ display: block;  background:#202020; border: none; padding-left: 10px; text-transform: uppercase;font-size: 14px; line-height: 24px; }

#subBar {  height: auto; }

 a.readmore{  margin: 8px 0 0 8px;}

.box-25, .box-30, .box-33, .box-40,
.box-50, .box-60, .box-70 {
  width:100%; float:none;  margin: 10px auto; border: 0;
  }
   .topStory .box-25{
       width: 33%;
       float: left;
    }
  .box-padding, .box-paddingL, .box-paddingR {  padding: 10px 0px; }


#rightContent table img{
  height: auto !important;
 width: 100%;  max-width: 100% !important; }

#leftContent, #rightContent { float: none;  width: 90%; margin: 0 auto; padding: 2% 2% 3% 2%;  clear: both;    }


#navFloater {
	font-size: 9px;
}

#google_image_div{
  display: none;
}
#rightContent .bDiv div.topStory { display: block;  margin: 0px; margin-top: -10px; }
.topStory{  display: block; width: 100%; margin: 0px auto; padding: 0px;   }

input, select, textarea{ width: 100%; }
table.formTable{  width: 99%;  }
table.formTable tr td{  width: 49%;  }

iframe{  max-width: 100%; height: auto; margin: 0; left: 0; right: 0;  overflow: hidden; }
}

/*== Up to 767px ======================================================
========================================================================*/
/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
    .bDiv> table:nth-child(7) tr>td:first-child{
        width:130px;
    }
img {  max-width: 100%;  height: auto;  }
.wrapper { clear: both; width: 100%;  overflow-x: hidden;  }
#base {  clear: both; width: 100%;  margin: 0 auto; overflow-x: hidden; }

#navFloater {
  background-image:url(../bilder/bgnav.gif);
  background-repeat:repeat-x;
  background-position:bottom;
  float:none;width:100%;
   height:auto;
}
.logo{
  float: none;
   margin:5px auto;
  padding:24px 0px;
  width:280px; background: rgba(255, 255, 255, 1);
  text-align: center; border-radius: 10px;
  border: 1px solid #EEEEEE;

}

#aLOGO {
  margin:0px auto; float: none;
  padding:0px;
  width:280px;
  height:129px;
  display:block;
  background-image:url(../bilder/automobil-red.gif);
}


#topmenu{float:none;  margin: 0px auto; padding: 0px; width: 100%;  clear: both;  }
.moduletable_dropdown{ float: none; clear: both; margin: 0px auto;  width: 100%; background: none; }

.menu-header{ margin: 0px auto;  padding: 0px; display: block; float: none; width: 100%;  }


nav#topnav ul, nav#topnav ul.menu     { display: none; }
nav#topnav select {float: none; display: block; cursor: pointer; width: 100%; margin: 0px auto; height: 40px; padding: 10px 10px; font-size: 0px;  border: 1px solid #303030; background:#202020 url(../bilder/menu.png) left center no-repeat ;  position: relative; color: #FFFFFF; }
nav#topnav select option{ display: block;  background:#202020; border: none; padding-left: 10px; text-transform: uppercase;font-size: 14px; line-height: 24px; }

#subBar {  height: auto; }

 a.readmore{  margin: 8px 0 0 8px;}

.box-25, .box-30, .box-33, .box-40,
.box-50, .box-60, .box-70 {
  width:100%; float:none;  margin: 10px auto; border: 0;
  }
.topStory .box-25{
    width: 50%;
    float:left;
}

.box-padding, .box-paddingL, .box-paddingR {  padding: 10px 0px; }

#rightContent table img{
  height: auto !important;
 width: 100%;  max-width: 100% !important; }

#leftContent, #rightContent { float: none;  width: 90%; margin: 0 auto; padding: 2% 2% 3% 2%;  clear: both;    }


#navFloater {
	font-size: 9px;
}
#google_image_div{
  display: none;
}

#rightContent .bDiv div.topStory { display: block;  margin: 0px; margin-top: -10px; }
.topStory{  display: block; width: 100%; margin: 0px auto; padding: 0px;   }

input, select, textarea{ width: 100%; }
table.formTable{  width: 99%;  }
table.formTable tr td{  width: 49%;  }

iframe{  max-width: 100%; height: auto; margin: 0; left: 0; right: 0;  overflow: hidden; }
}

/*== Up to 640px ==================================================
====================================================================*/
@media (max-width: 640px) {

.wrapper { clear: both; width: 100%;   overflow-x: hidden; }
img {  max-width: 100%;  height: auto;  }

#base {  clear: both; width: 100%;   margin: 0 auto; overflow-x: hidden; }

#navFloater {
  background-image:url(../bilder/bgnav.gif);
  background-repeat:repeat-x;
  background-position:bottom;
  float:none;width:100%;
  height:auto;
}

.logo{
  float: none;
   margin:5px auto;
  padding:24px 0px;
  width:280px; background: rgba(255, 255, 255, 1);
  text-align: center; border-radius: 10px;
  border: 1px solid #EEEEEE;

}

#aLOGO {
  margin:0px auto; float: none;
  padding:0px;
  width:280px;
  height:129px;
  display:block;
  background-image:url(../bilder/automobil-red.gif);
}


#topmenu{float:none;  margin: 0px auto; padding: 0px; width: 100%;  clear: both;  }
.moduletable_dropdown{ float: none; clear: both; margin: 0px auto;  width: 100%; background: none; }

.menu-header{ margin: 0px auto;  padding: 0px; display: block; float: none; width: 100%;  }


nav#topnav ul, nav#topnav ul.menu     { display: none; }
nav#topnav select {float: none; display: block; cursor: pointer; width: 100%; margin: 0px auto; height: 40px; padding: 10px 10px; font-size: 0px;  border: 1px solid #303030; background:#202020 url(../bilder/menu.png) left center no-repeat ;  position: relative; color: #FFFFFF; }
nav#topnav select option{ display: block;  background:#202020; border: none; padding-left: 10px; text-transform: uppercase;font-size: 14px; line-height: 24px; }

#subBar {  height: auto; }

 a.readmore{  margin: 8px 0 0 8px;}

.box-25, .box-30, .box-33, .box-40,
.box-50, .box-60, .box-70 {
  width:100%; float:none;  margin: 10px auto; border: 0;
}
.box-padding, .box-paddingL, .box-paddingR {  padding: 10px 0px; }


#rightContent table img{
  height: auto !important;
 width: 100%;  max-width: 100% !important; }



#rightContent table{  max-width: 99%;  border-collapse: collapse; }


#leftContent, #rightContent { float: none;  width: 90%; margin: 0 auto; padding: 2% 2% 3% 2%;  clear: both;    }
#rightContent .bDiv div.topStory { display: block;  margin: 0px;margin-top: -10px;  }
.topStory{  display: block; width: 100%; margin: 0px auto; padding: 0px;   }
#google_image_div{
  display: none;
}
input, select, textarea{ width: 100%; }
table.formTable{  width: 99%;  }
table.formTable tr td{  width: 49%;  }

iframe{  max-width: 100%; height: auto; margin: 0; left: 0; right: 0;  overflow: hidden; }
}

/*== Up to 480px ==================================================
====================================================================*/
/* Landscape phones and down */
@media (max-width: 480px) {

.wrapper { clear: both; width: 100%;   overflow-x: hidden; }

img {  max-width: 100%;  height: auto;  }

#base {  clear: both; width: 100%;    margin: 0 auto; overflow-x: hidden;  }

#navFloater {
  background-image:url(../bilder/bgnav.gif);
  background-repeat:repeat-x;
  background-position:bottom;
  float:none;width:100%;
  height:auto;
}

#aLOGO {
  margin:0px auto; float: none;
  padding:0px;
  width:280px;
  height:129px;
  display:block;
  background-image:url(../bilder/automobil-red.gif);
}

.logo{
  float: none;
   margin:5px auto;
  padding:24px 0px;
  width:280px; background: rgba(255, 255, 255, 1);
  text-align: center; border-radius: 10px;
  border: 1px solid #EEEEEE;

}


#topmenu{float:none;  margin: 0px auto; padding: 0px; width: 100%;  clear: both;  }
.moduletable_dropdown{ float: none; clear: both; margin: 0px auto;  width: 100%; background: none; }

.menu-header{ margin: 0px auto;  padding: 0px; display: block; float: none; width: 100%;  }


nav#topnav ul, nav#topnav ul.menu     { display: none; }
nav#topnav select {float: none; display: block; cursor: pointer; width: 100%; margin: 0px auto; height: 40px; padding: 10px 10px; font-size: 0px;  border: 1px solid #303030; background:#202020 url(../bilder/menu.png) left center no-repeat ;  position: relative; color: #FFFFFF; }
nav#topnav select option{ display: block;  background:#202020; border: none; padding-left: 10px; text-transform: uppercase;font-size: 14px; line-height: 24px; }

#subBar {  height: auto; }

 a.readmore{  margin: 8px 0 0 8px;}

.box-25, .box-30, .box-33, .box-40,
.box-50, .box-60, .box-70 {
  width:100%; float:none;  margin: 10px auto; border: 0;
  }
    .topStory .box-25{
        width: 100%;
        float:left;
    }
.box-padding, .box-paddingL, .box-paddingR {  padding: 10px 0px; }

#leftContent, #rightContent { float: none;  width: 90%; margin: 0 auto; padding: 2% 2% 3% 2%;  clear: both;    }
#rightContent .bDiv div.topStory { display: block;  margin: 0px; margin-top: -10px; }
.topStory{  display: block; width: 100%; margin: 0px auto; padding: 0px;   }

#google_image_div{
  display: none;
}
#rightContent table img{
  height: auto !important;  margin: 0 auto; padding: 0;
 width: 99%;  max-width: 99.9% !important; }

#rightContent table{  max-width: 99%;  border-collapse: collapse; }

input, select, textarea{ width: 100%; }

.taw {
    height: 278px;
    width: 100%;
}
table.formTable{  width: 99%;  }
table.formTable tr td{  width: 49%;  }

iframe{  max-width: 100%; height: auto; margin: 0; left: 0; right: 0;  overflow: hidden; }

}
/*== Up to 414px ==================================================
====================================================================*/
/* Landscape phones and down */
@media (max-width: 414px) {

.wrapper { clear: both; width: 100%; max-width: 400px; overflow-x: hidden; }

img {  max-width: 100%;  height: auto;  }

#base {  clear: both; width: 100%;  max-width: 400px;   margin: 0 auto; overflow-x: hidden;  }

#navFloater {
  background-image:url(../bilder/bgnav.gif);
  background-repeat:repeat-x;
  background-position:bottom;
  float:none;width:100%;
  height:auto;
}

#aLOGO {
  margin:0px auto; float: none;
  padding:0px;
  width:280px;
  height:129px;
  display:block;
  background-image:url(../bilder/automobil-red.gif);
}

.logo{
  float: none;
   margin:5px auto;
  padding:24px 0px;
  width:280px; background: rgba(255, 255, 255, 1);
  text-align: center; border-radius: 10px;
  border: 1px solid #EEEEEE;

}


#topmenu{float:none;  margin: 0px auto; padding: 0px; width: 100%;  clear: both;  }
.moduletable_dropdown{ float: none; clear: both; margin: 0px auto;  width: 100%; background: none; }

.menu-header{ margin: 0px auto;  padding: 0px; display: block; float: none; width: 100%;  }


nav#topnav ul, nav#topnav ul.menu     { display: none; }
nav#topnav select {float: none; display: block; cursor: pointer; width: 100%; margin: 0px auto; height: 40px; padding: 10px 10px; font-size: 0px;  border: 1px solid #303030; background:#202020 url(../bilder/menu.png) left center no-repeat ;  position: relative; color: #FFFFFF; }
nav#topnav select option{ display: block;  background:#202020; border: none; padding-left: 10px; text-transform: uppercase;font-size: 14px; line-height: 24px; }

#subBar {  height: auto; }

 a.readmore{  margin: 8px 0 0 8px;}

.box-25, .box-30, .box-33, .box-40,
.box-50, .box-60, .box-70 {
  width:100%; float:none;  margin: 10px auto; border: 0;
  }

.box-padding, .box-paddingL, .box-paddingR {  padding: 10px 0px; }

#leftContent, #rightContent { float: none;  width: 90%; margin: 0 auto; padding: 2% 2% 3% 2%;  clear: both;    }
#rightContent .bDiv div.topStory { display: block;  margin: 0px; margin-top: -10px; }
.topStory{  display: block; width: 100%; margin: 0px auto; padding: 0px;   }

#google_image_div{
  display: none;
}
#rightContent table img{
  height: auto !important;  margin: 0 auto; padding: 0;
 width: 99%;  max-width: 99.9% !important; }

#rightContent table{  max-width: 99%;  border-collapse: collapse; }

input, select, textarea{ width: 100%; }

.taw {
    height: 278px;
    width: 100%;
}
table.formTable{  width: 99%;  }
table.formTable tr td{  width: 49%;  }

iframe{  max-width: 100%; height: auto; margin: 0; left: 0; right: 0;  overflow: hidden; }

}
/*== Up to 375px =====================================================
========================================================================*/
/* Portrait iPhones */
@media (max-width: 375px) {

.wrapper { clear: both; width: 99%; max-width: 99%; overflow-x: hidden; }

#base {  clear: both; width: 99%;  max-width: 99%;   margin: 0 auto; overflow-x: hidden;  }
img {  max-width: 100%;  height: auto;  }

.logo{
  float: none;
   margin:5px auto;
  padding:24px 0px;
  width:100%; background: rgba(255, 255, 255, 1);
  text-align: center; border-radius: 10px;
  border: 1px solid #EEEEEE;

}
.topStory img{
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
}
.box-25 img{
    width:100% !important;
}
 #rightContent table img,  #rightContent img{
  height: auto !important;
  max-width: 99% !important; }

#rightContent .bDiv div.topStory { display: block;  margin: 0px; margin-top: -10px; }
.topStory{  display: block; width: 100%; margin: 0px auto; padding: 0px;   }
table.formTable{  width: 99%;  }
table.formTable tr td{  width: 49%;  }
iframe{  max-width: 100%; height: auto; margin: 0; left: 0; right: 0;  overflow: hidden; }
}
/*== Up to 340px =====================================================
========================================================================*/
/* Portrait phones */
@media (max-width: 360px) {

.wrapper { clear: both; width: 99%; max-width: 99%; overflow-x: hidden; }

#base {  clear: both; width: 99%;  max-width: 99%;   margin: 0 auto; overflow-x: hidden;  }
img {  max-width: 100%;  height: auto;  }

.logo{
  float: none;
   margin:5px auto;
  padding:24px 0px;
  width:100%; background: rgba(255, 255, 255, 1);
  text-align: center; border-radius: 10px;
  border: 1px solid #EEEEEE;

}
.topStory img{
  height: auto !important;
 width: 100% !important;  max-width: 100% !important; }

 #rightContent table img,  #rightContent img{
  height: auto !important;
  max-width: 99% !important; }

#rightContent .bDiv div.topStory { display: block;  margin: 0px; margin-top: -10px; }
.topStory{  display: block; width: 100%; margin: 0px auto; padding: 0px;   }
table.formTable{  width: 99%;  }
table.formTable tr td{  width: 49%;  }
iframe{  max-width: 100%; height: auto; margin: 0; left: 0; right: 0;  overflow: hidden; }
}

/************************************************************************************
smaller than 320px
*************************************************************************************/
@media screen and (max-width: 320px) {

table.formTable{  width: 99%;  }
table.formTable tr td{  width: 49%;  }
iframe{  max-width: 100%; height: auto; margin: 0; left: 0; right: 0;  overflow: hidden; }
}

/*custom css*/
.co_arrow_left{
    position: absolute;
    border: solid #ffffffd1;
    border-width: 0 7px 7px 0;
    display: inline-block;
    padding: 9px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    left: 15%;
    top: 50%;
    cursor: pointer;
}
.co_arrow_right{
    position: absolute;
    border:solid #ffffffd1;
    border-width: 0 7px 7px 0;
    display: inline-block;
    padding: 9px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: 15%;
    top: 50%;
    cursor: pointer;
}
.co_arrow{
    display: block !important;
    z-index: 9999 !important;
}
.co_arrow span{
    display:block !important;
    z-index: 9999 !important;
}
#rightContent .bDiv p:nth-child(4){
    position: relative;
}
#rightContent .bDiv p:nth-child(4):hover .co_arrow span {
    border: solid #000000e3;
    border-width: 0 7px 7px 0;
}
#rightContent img{
    z-index: -1;
}