.lightshow-wrapper {
  	display: block;
  	position: relative;
}

	.lightshow-wrapper ul.lightshow-content {
  		display: block;
  		position: relative;
  		width: 100%;
  		height: 100%;
  		list-style: none;
  		padding: 0;
  		margin: 0;
  		overflow: hidden;
	}

  		.lightshow-wrapper ul.lightshow-content li {
    		padding: 0;
    		margin: 0;
    		position: absolute;
    		display: none;
    		top: 0;
    		left: 0;
    		right: 0;
    		width: 100%; 
    		height: 100%;
  		}

    		.lightshow-wrapper ul.lightshow-content li img {
      			width: 100%;
      			height: auto;
      			display: block;
      			line-height: 100%;
    		}
  

	.lightshow-wrapper .lightshow-prev,
	.lightshow-wrapper .lightshow-next {
		position: absolute;
		top: 42%;
		cursor: pointer;
		width: 50px;
		height: 60px;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 0;
		transition: opacity .2s;
	}

  	.lightshow-wrapper .lightshow-prev {
    	left: 10px;
    	background-image: url("prev.png");
  	}

  	.lightshow-wrapper .lightshow-next {
    	right: 10px;
    	background-image: url("next.png");
  	}

    	.lightshow-wrapper .lightshow-prev.lightshow-big,
    	.lightshow-wrapper .lightshow-next.lightshow-big {
      		top: 0;
      		cursor: pointer;
      		background: transparent;
    	}

  		.lightshow-wrapper .lightshow-prev.lightshow-big {
    		left: 0;
  		}

  		.lightshow-wrapper .lightshow-next.lightshow-big {
    		right: 0;
  		}

	.lightshow-wrapper:hover .lightshow-prev,
	.lightshow-wrapper:hover .lightshow-next	{
    	opacity: .6;
	}

	.lightshow-wrapper .lightshow-prev:hover,
	.lightshow-wrapper .lightshow-next:hover {
   		opacity: 1;
	}

	.lightshow-wrapper ul.lightshow-circles {
    	position: relative;
    	margin: 0 auto;
    	bottom: -20px;
  	}

		.lightshow-wrapper ul.lightshow-circles li {
    		display: block;
    		float: left;
    		width: 7px;
    		height: 7px;
    		margin: 0 1px;
    		background-image: url("circles.png");
    		background-position: 0px 0px;
    		cursor: pointer;
  		}

    	.lightshow-wrapper ul.lightshow-circles li:hover {
      		background-position: -7px 0px;
    	}

    		.lightshow-wrapper ul.lightshow-circles li.active {
      			background-position: -14px 0px;
    		}

  	.lightshow-wrapper .lightshow-title {
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	right: 0;
    	padding: 10px;
    	background-color: rgba(0, 0, 0, 0.7);
    	color: #ffffff;
    	opacity: 0;
    	transition: opacity .2s;
  	}

	.lightshow-wrapper:hover .lightshow-title {
    	opacity: 1;
    	z-index: 10;
	}