/* These hieghts and widths should be edited to your images */	
.galerea ul#pikame{
	padding-left:0;
	max-width:600px;
	margin:0 auto;}
.galerea .pika_main{
    width: auto;
/*    max-width:800px;*/
	padding-right:0px;
	margin:0 auto;}
.galerea #pikame li{
	margin:5px;
	float: left;
	border:0px solid #222;
	position:relative;
	overflow:hidden;}
.galerea li .detail_container img{
    margin: 0px;
    width: 100% !important;
}
/* thats all you NEED to edit. But continue if you'd like. */
.galerea ul#pikame li img{position:relative;cursor:pointer;}
.galerea .pika_main img{border:0px solid #222;width: auto;max-height: 390px;}
@media (max-width: 1024px) {
    .galerea .pika_main img{border:0px solid #222;width: 100%;height: auto;}
}
.galerea .pika_main{position: relative;margin:0 auto;text-align: center;}
.galerea .pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.galerea .pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.galerea .pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.galerea .pika_play img{border:none !important;}
.galerea .pika_caption{width:100%;height:30px;text-align:center;}
.galerea .pika_navigation a{
    font-size: 28px;
    color: #fff;
    background-color: #0d244f;
    padding: 5px 12px;
    cursor: pointer;
    -moz-transition: all 0.3s ease-out;
 -o-transition: all 0.3s ease-out;
 -webkit-transition: all 0.3s ease-out;
 margin: 10px 0;
     position: absolute;}
.galerea .pika_navigation a:hover{
    color: #fff;
    background-color: #136bb1;
   }
.galerea .pika_navigation{padding-top:10px;clear:both;text-align:center; color: rgba(0, 0, 0, 0);    position: absolute;
    top: 40%;
    width: 100%;}
    .detail_container .galerea{
          position: relative;
/*          padding-bottom: 130px;*/
    }