/* CSS Document */

.owl-theme .owl-controls{
	/*background:rgba(0,0,0,0.5);*/
	height:50px;
	margin-top:-45px;
	text-align:right;
}
.owl-pagination{
	background:rgba(255,255,255,0.6);
	margin-top:8px;
	padding-top:4px;
	margin-bottom:0px;
}




/********************************************************************/
.contents_box{
	margin:auto;
	padding-top:5px;
	width:100%;
	height:auto;
	min-height:450px;
	overflow:hidden;
}
.contents_box ul{
	width:100%;
	height:auto;
	overflow:hidden;
	
}
.contents_box ul li{
	position:relative;
	float:left;
	margin:5px;
	margin-top:8px;
	margin-bottom:8px;
	width:46%;
	height:auto;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	-webkit-box-shadow:#B8B8B8 0px 0px 5px;
	-moz-box-shadow: #B8B8B8 0px 0px 5px;
	box-shadow: #B8B8B8 0px 0px 5px;
	overflow:hidden;
}

.contents_box ul li .top_pic{
    z-index: 2;
	margin:auto;
	width:100%;
	height:100px;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	overflow:hidden;
	
}

.contents_box ul li .top_pic img{
	width:100%;
	height:auto;
	padding:1px;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	overflow:hidden;
	
}

.contents_box ul li .plays{
	position:absolute;
	z-index:8;
	margin-top:-75px;
	left:50%;
	margin-left:-25px;
	width:35%;
	height:auto;
	overflow:hidden;
}
.contents_box ul li .plays img{
	width:100%;
	height:auto;
	overflow:hidden;
}

.contents_box ul li .titles{
	position:relative;
	margin-top:-24px;
    z-index: 3;
	width:100%;
	text-align:center;
	line-height:24px;
	color:#FFF;
	background:rgba(0,0,0,0.6);
	font-size:14px;
	overflow:hidden;
}

.long-shadow{
    
    width: 168px;
    height: 170px;
    position:absolute;
    z-index: 1;
    opacity: 1;
    -webkit-transition: all 0.2s;
    -moz-transition: all .2s;
    transition: all .2s;
    display:none;
}
.shadow_posi_01{
	background-image:url(../img/index/long_shadow_b.png);
	background-repeat:no-repeat;
	background-size:178px 173px;
	top:16px;
    left:31px;
}
.shadow_posi_02{
	background-image:url(../img/index/long_shadow.png);
	background-repeat:no-repeat;
	background-size:164px 156px;
	top:22px;
    left:35px;
}
.shadow_posi_03{
	background-image:url(../img/index/long_shadow.png);
	background-repeat:no-repeat;
	background-size:164px 156px;
	top:22px;
    left:35px;
}
.shadow_posi_04{
	background-image:url(../img/index/long_shadow.png);
	background-repeat:no-repeat;
	background-size:164px 156px;
	top:22px;
    left:35px;
}
.shadow_posi_05{
	background-image:url(../img/index/long_shadow_b.png);
	background-repeat:no-repeat;
	background-size:178px 173px;
	top:16px;
    left:31px;
}






/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

.element * {
  position: absolute;
  margin: 0;
}